堆积面积图echarts 折线配置项内容和展示

带标识线

       var option = {
     backgroundColor: 'black',
     tooltip: {
         trigger: 'axis'
     },
     textStyle: {
         color: 'rgb(222,222,222)'
     },
     calculable: true,
     xAxis: [{
         show: true,
         type: 'category',
         boundaryGap: false,
         data: [
             "周一",
             "周二",
             "周三",
             "周四",
             "周五",
             "周六",
             "周日"
         ],
         axisLine: {
             show: false
         },
         //刻度线是否显示
         axisTick: {
             show: false
         },
         axisLabel: {
             interval: 0,
             show: true
         },
         splitLine: {
             show: true,
             lineStyle: {
                 // 使用深浅的间隔色
                 color: ['#49bdff']
             }
         }
     }],
     yAxis: [{
         type: 'value',
         //刻度线是否显示
         axisLine: {
             lineStyle: {
                 // 使用深浅的间隔色
                 color: ['#49bdff']
             }
         },
         axisTick: {
             show: false
         },
         axisLabel: {
             formatter: '{value}'
         },
         splitLine: {
             show: false
         }
     }],
     series: [{
         name: '',
         type: 'line',
         stack: '总量',
         symbol: 'none',
         itemStyle: {
             normal: {
                 areaStyle: {
                     color: new echarts.graphic.LinearGradient(
                             0, 1, 0, 0,
                             [
                                 {offset: 0, color: 'rgb(73,189,255,0.01)'},
                                 {offset: 0.5, color: 'rgb(73,189,255,0.2)'},
                                 {offset: 1, color: 'rgb(73,189,255)'}
                             ]
                         )
                 },
                 lineStyle: {
                     color: '#49bdff'
                 }
             }
         },
         data: [
             120,
             132,
             101,
             134,
             90,
             230,
             210
         ],
         markLine: {
             symbol: 'none',
             itemStyle: {
                 normal: {
                     lineStyle: {
                         type: 'dashed',
                         color: '#ea3338'
                     },
                     label: {
                         show: true,
                         position: 'left'
                     }
                 }
             },
             large: true,
             effect: {
                 show: false,
                 loop: true,
                 period: 0,
                 scaleSize: 2,
                 color: null,
                 shadowColor: null,
                 shadowBlur: null
             },
             data: [
                 [{
                         name: '',
                         xAxis: "周一",
                         yAxis: '60'
                     },
                     {
                         name: '',
                         xAxis: "周日",
                         yAxis: '60'
                     }
                 ]
             ]
         }
     }]
 };