Echarts在线免费图表

 
            option = {

  color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
   legend: {
      data: ['当月入库数','当前库存数'],
      icon: "rect",
      itemHeight: 14,
      itemWidth: 14
   },
   grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
   },
   xAxis: [
      {
         type: 'category',
         boundaryGap: false,
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
         axisLabel: {
            color: 'white'
         },
         splitLine: {
            show: false
         },
         axisLine: {
            show: false
         },
         axisTick: {
            show: false
         }
      }
   ],
   yAxis: [
      {
         type: 'value',
         axisLabel: {
            show: false
         },
         splitLine: {
            show: false
         },
         axisLine: {
            show: false
         },
         axisTick: {
            show: false
         }
      }
   ],
   series: [
      {
         name: '当月入库数',
         type: 'line',
         areaStyle: {
            opacity: 0.5,
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               {
                  offset: 0,
                  color: 'rgb(55, 162, 255)'
               },
               {
                  offset: 1,
                  color: 'rgb(116, 21, 219)'
               }
            ])
         },
         label: {
            show: true,
            position: "bottom",
         },
         showSymbol: true,
         data: [120, 132, 101, 134, 90, 230, 210]
      },
      {
         name: '当前库存数',
         type: 'line',
         label: {
            show: true,
            position: 'top'
         },
         areaStyle: {
            opacity: 0.5,
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               {
                  offset: 0,
                  color: 'rgb(128, 255, 165)'
               },
               {
                  offset: 1,
                  color: 'rgb(1, 191, 236)'
               }
            ])
         },
         showSymbol: true,
         data: [220, 182, 191, 234, 290, 330, 310]
      },
   ]
};