Echarts在线免费图表

 
            
option = {
   backgroundColor:'#030e2f',
   grid: {
      left: "15%",
      right: "10%",
      top: "20%",
      bottom: "20%",
      containLabel: true,
   },
   tooltip: {
      trigger: "axis",
      axisPointer:{
         type:'shadow'
      }
   },
   legend:{
      itemWidth:10,
      itemHeight:10,
      itemGap:30,
      left:'40%',
      top:'10%',
      textStyle:{
         color:'#c6d1db'
      }
   },
   xAxis: { type: "value", show: false },
   yAxis: {
      type: "category",
      data:['疾病1','疾病2','疾病3','疾病4','疾病5','疾病6','疾病7',],
      axisTick: { show: false },
      axisLine: { show: false },
      axisLabel: { fontSize: 14 },
   },
   series: [
      {
         name:'赔付金额',
         type: "bar",
         barGrp:'30%',
         barWidth:'30%',
         data:[2000,3200,4300,5300,6100,7000,8000],
         itemStyle:{
            color:{
               colorStops:[
                  {
                     offset:0.01,
                     color:'#0d3458'
                  },
                  {
                     offset:0.99,
                     color:'#3167ef'
                  }
               ]
            },
            borderWidth:1,
            borderColor:'#3167ef'
         },
         label:{
            show:true,
            position:'right',
            color:'#fff'
         }
      },
      {
         name:'赔付案件量',
         type:'bar',
         barGrp:'30%',
         barWidth:'30%',
         data:[1900,2300,3400,5500,6500,7300,8500],
         itemStyle:{
            color:{
               colorStops:[
                  {
                     offset:0.01,
                     color:'#656538'
                  },
                  {
                     offset:0.99,
                     color:'#f8e71c'
                  }
               ]
            },
            borderWidth:1,
            borderColor:'#f8e71c'
         },
         label:{
            show:true,
            position:'right',
            color:'#fff'
         }
      },
   ],
};