折线图(工作台)echarts 折线配置项内容和展示

天津

       var option = {
     tooltip: {
         trigger: 'axis',
         axisPointer: {
             type: 'shadow'
         }
     },
     legend: {
         data: ['小时发电量', '总发电量']
     },
     grid: {
         left: '3%',
         right: '3%',
         bottom: '3%',
         top: '15%',
         containLabel: true
     },
     xAxis: [{
         data: [
             "1444",
             "2444",
             "3444",
             "4444",
             "5444",
             "6444",
             "7444",
             "8444",
             "9444",
             "10444"
         ],
         axisLine: {
             show: false
         },
         splitLine: {
             show: false
         },
         axisTick: {
             show: false
         },
         axisLabel: {
             interval: 0,
             rotate: 0
         }
     }],
     yAxis: [{
         type: 'value',
         name: '       今日发电量( KWh )',
         axisLine: {
             show: false
         },
         axisTick: {
             show: false
         },
         splitLine: {
             show: true,
             lineStyle: {
                 type: 'dashed'
             }
         },
         axisLabel: {}
     }],
     series: [{
         name: '小时发电量',
         type: 'line',
         symbol: '',
         itemStyle: {
             normal: {
                 color: '#12cbe0',
                 lineStyle: {
                     color: '#12cbe0'
                 },
             }
         },
         data: [
             10,
             11,
             10,
             12,
             13,
             15,
             16,
             10,
             20,
             10
         ]
     }, {
         name: '总发电量',
         type: 'bar',
         barWidth: '20%',
         itemStyle: {
             normal: {
                 barBorderRadius: [30, 30, 0, 0],
                 color: new echarts.graphic.LinearGradient(
                     0, 0, 0, 1, [{
                             offset: 0,
                             color: '#00feff'
                         },
                         {
                             offset: 0.5,
                             color: '#027eff'
                         },
                         {
                             offset: 1,
                             color: '#0286ff'
                         }
                     ]
                 )
             }
         },
         data: [
             140,
             110,
             100,
             90,
             80,
             70,
             50,
             40,
             30,
             20
         ]
     }]
 }