Echarts在线免费图表

 
            function random(min, max) {
   return Math.floor(Math.random() * (max - min)) + min;
}

const dataURI =
   'image://data:image/png;base64,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'
const seriesData = []
const xAxisData = []
const bgBarData = []

for (let d = 0; d < 12; d++) {
   xAxisData.push(d + 1 + '月')
}

for (let i = 0; i < 12; i++) {
   bgBarData.push(100)
}

for (let i = 0; i < 12; i++) {
   seriesData.push(random(20, 90))
}


option = {
   backgroundColor: '#1d3e71',
   tooltip: {
     show:false
   },
   grid: {
      top: 160,
      left: 60,
      right: 100,
      bottom: 20,
      containLabel: true
   },
   xAxis: [
      {
         type: 'category',
         axisLine: {
            lineStyle: {
               color: '#fff'
            }
         },
         boundaryGap: true,
         axisTick: {
            show: false
         },
         splitArea: {
            show: false
         },
         axisLabel: {
            inside: false,
            interval: 0,
            rotate: 0,
            textStyle: {
               color: '#fff',
               fontWeight: 400,
               fontSize: 24
            },
            margin: 15
         },
         data: xAxisData
      }
   ],
   yAxis: {
      type: 'value',
      name: '单位:万吨',
      nameTextStyle: {
         color: '#fff',
         fontSize: 24
      },
      nameGap: 40,
      axisTick: {
         show: false
      },
      axisLine: {
         show: true,
         lineStyle: {
            color: '#fff'
         }
      },
      splitLine: {
         show: true,
         lineStyle: {
            color: 'rgba(255, 255, 255, 0.18)'
         }
      },
      axisLabel: {
         textStyle: {
            color: '#fff',
            fontWeight: 400,
            fontSize: 24
         },
         formatter: '{value}',
         margin: 15
      }
   },
   series: [
      {
         type: 'bar',
         barWidth: 20,
         itemStyle: {
            normal: {
               color: {
                  x: 0,
                  y: 0,
                  x2: 1,
                  y2: 0,
                  type: 'linear',
                  global: false,
                  colorStops: [
                     {
                        offset: 0,
                        color: '#EDF165'
                     },
                     {
                        offset: 1,
                        color: '#BA8A45'
                     }
                  ]
               }
            }
         },
         tooltip: {
            show: false
         },
         label: {
            normal: {
               show: true,
               position: 'top',
               fontSize: 18,
               color: '#fff',
               offset: [0, -2]
            }
         },
         data: seriesData
      },
      {
         // 柱顶
         z: 9,
         type: 'pictorialBar',
         symbol: 'circle',
         symbolSize: [20, 10],
         symbolOffset: [0, '-50%'],
         symbolPosition: 'end',
         itemStyle: {
            normal: {
               color: '#FEF9EE'
            }
         },
         tooltip: {
            show: false
         },
         data: seriesData
      },
      {
         z: -1,
         type: 'pictorialBar',
         symbol: dataURI,
         tooltip: {
            show: false
         },
         data: bgBarData
      }
   ]
};