水量变化echarts 折线配置项内容和展示

       var dataIPSxAxis = ['  ', '', '', ' ', ' ', ''];
 var dataIPS = [80, 60, 50, 100, 90, 40];
  var dataIPS2 = [20, 70, 60, 80, 100, 90];
 option = {
       title : {
        text: '水量变化',
        textStyle:{
            color:"#000"
        }
    },
     tooltip: {
         trigger: 'axis',
         axisPointer: {
             type: 'cross',
             label: {
                 backgroundColor: '#6a7985',
             },
         }
     },
     grid: {
        left: '5%',
        right: '5%',
        top:'10%',
        bottom: '5%',
         containLabel: true
     },
     xAxis: [{
         type: 'category',
         boundaryGap: false,
         data: dataIPSxAxis,
         splitLine: {
          show: false
        },
         axisLine: {
            show: false
          },
          axisTick: {
            show: true,
            lineStyle: {
              color: "#ffffff1f"
            }
          },
          axisLabel: {
color: "#ffffff1f" //刻度线标签颜色
}
     }],
     yAxis: [{
         splitLine: {
          show: false
        },
         axisLine: {
            show: false
          },
          axisTick: {
            show: true,
            lineStyle: {
              color: "#ffffff1f"
            }
          },
          axisLabel: {
color: "#ffffff1f" //刻度线标签颜色
}
          
     }],
     series: [
         {
             name: '最高水量',
             type: 'line',
            //   symbol: "none", //去掉折线点
             stack: 100,
             itemStyle: {
                 normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
                     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                         offset: 0,
                         color: '#7cf3ff' // 0% 处的颜色
                     }, {
                         offset: 0.5,
                         color: '#7cf3ff' // 100% 处的颜色
                     }, {
                         offset: 1,
                         color: '#00cfe4' // 100% 处的颜色
                     }]), //背景渐变色
                     lineStyle: { // 系列级个性化折线样式
                         width: 0.5,
                         type: 'solid',
                         color: "#00cfe4"
                     }
                 },
                 emphasis: {
                     color: '#02675f',
                     lineStyle: { // 系列级个性化折线样式
                         width: 0.5,
                         type: 'dotted',
                         color: "#00cfe4" //折线的颜色
                     }
                 }
             }, //线条样式
             symbolSize: 2, //折线点的大小
             areaStyle: {
                 normal: {}
             },
             data: dataIPS,
         },

     {
             name: '最低水量',
             type: 'line',
             //  symbol: "none", //去掉折线点
             stack: 100,
             itemStyle: {
                 normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
                     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                         offset: 0,
                         color: '#64CAFA' // 0% 处的颜色
                     }, {
                         offset: 0.5,
                         color: '#64CAFA' // 100% 处的颜色
                     }, {
                         offset: 1,
                         color: '#0078D7' // 100% 处的颜色
                     }]), //背景渐变色
                     lineStyle: { // 系列级个性化折线样式
                         width: 0.5,
                         type: 'solid',
                         color: "#0078D7"
                     }
                 },
                 emphasis: {
                     color: '#02675f',
                     lineStyle: { // 系列级个性化折线样式
                         width: 0.5,
                         type: 'dotted',
                         color: "#02675f" //折线的颜色
                     }
                 }
             }, //线条样式
             symbolSize: 2, //折线点的大小
             areaStyle: {
                 normal: {}
             },
             data: dataIPS2,
         },
        
     
     ]
 };