Echarts在线免费图表

 
            
option = {
   backgroundColor: 'rgba(39,46,74)',
   tooltip: {
      trigger: 'item',
   },
   grid: {
      left: '5%',
      top: '10%',
      right: '5%',
      bottom: '10%',
   },
   xAxis: [{
      data: ["监测中心站", "调查中心", "核与辐射安全中心", "宣传教育中心"],
      axisLabel: {
         textStyle: {
            color: 'rgba(122,173,212,1)',
            fontSize: 14
         },
         margin: 30, //刻度标签与轴线之间的距离。
      },

      axisLine: {
         show: true, //不显示x轴
         lineStyle: {
            color: 'rgba(53,65,95,1)',
         }
      },
      axisTick: {
         show: false //不显示刻度
      },
      boundaryGap: true,
      splitLine: {
         show: false
      }
   }],
   yAxis: [{
      splitLine: {
         show: true,
         lineStyle: {
            color: 'rgba(53,65,95,1)',
            type: 'dashed'
         }
      },
      axisTick: {
         show: false
      },
      axisLine: {
         show: false
      },
      axisLabel: {
         textStyle: {
            color: 'rgba(122,173,212,1)',
            fontSize: 14
         },
      }
   }],
   series: [
      {//柱底圆片
         name: "",
         type: "pictorialBar",
         symbolSize: [43, 20],//调整截面形状
         symbolOffset: [0, 0],
         barWidth: 43,
         z: 12,
         itemStyle: {
            "normal": {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: "rgba(0,171,255,1)"
               },
               {
                  offset: 1,
                  color: "rgba(0,171,255,1)"
               }
               ], false)
            }
         },
         data: ["50", "75", "105", "130"]
      },
      //柱体
      {
         name: "",
         type: "pictorialBar",
         barWidth: 43,
         symbolOffset: [0, -10],
         symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
         itemStyle: {
            normal: {
               //渐变色
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: "rgba(0,171,255,0.4)"
               },
               {
                  offset: 1,
                  color: "rgba(0,171,255,0.8)"
               }
               ])
            }
         },
         label: {
            normal: {
               show: true,
               position: "top",
               textStyle: {
                  color: "rgba(0,171,255,1)",
                  fontSize: 14
               }
            }
         },
         data: ["50", "75", "105", "130"]
      }
   ]
};