项目进度(EVM 挣值管理)echarts 折线配置项内容和展示

配置项如下
      option = {
    backgroundColor: '#fff',
    title: {
        text: "挣值管理EVM"
    },
    color: ['#73A0FA', '#73DEB3', '#FFB761'],
    tooltip1: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            },
            lineStyle: {
                type: 'dashed'
            }
        }
    },
    grid1: {
        left: '25',
        right: '25',
        bottom: '24',
        top: '75',
        containLabel: true
    },
    legend: {
        data: ['PV', 'AC', 'EV'],
        orient: 'horizontal',
        icon1: "rect",
        show: true,
        left1: 20,
        top1: 25,
    },
    xAxis: {
        type: 'category',
        data: ['第1周', '第2周', '第3周', '第4周', '第5周', '第6周', '第7周'],
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    yAxis: {
        type: 'value',
        // max: max_value>=100? max_value + 100: max_value+10,
        // max: max_value > 100 ? max_value * 2 : max_value + 10,
        // interval: 10,
        // nameLocation: "center",
        axisLabel: {
            color: '#999',
            textStyle: {
                fontSize: 12
            },
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: '#F3F4F4'
            }
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    series: [{
            name: 'PV',
            type: 'line',
            showSymbol: false,
            smooth: true,
            data: [10,15,45,49,55,60,90],
            itemStyle: {
		        normal: {
		            color:'rgba(115, 160, 250, 1)',
		            lineStyle: {
						color: "rgba(115, 160, 250, 1)",
						width:2
		            },
		            areaStyle: { 
						color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
							offset: 0,
							color: 'rgba(115, 160, 250, 0)'
						}, {
							offset: 1,
							color: 'rgba(115, 160, 250, 0.35)'
						}]),
		            }
		        }
			}
        },
        {
            name: 'AC',
            type: 'line',
            smooth: true,
            showSymbol: false,
            data: [20,26,47,54, 59, 77],
            itemStyle: {
		        normal: {
		            color:'rgba(255,80,124, 1)',
		            lineStyle: {
						color: "rgba(255,80,124, 1)",
						width:2
		            },
		            areaStyle: { 
						color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
							offset: 0,
							color: 'rgba(255,80,124,0)'
						}, {
							offset: 1,
							color: 'rgba(255,80,124,0.35)'
						}]),
		            }
		        }
			}
        },{
           name:'ETC',
           type:'line',
           smooth:true,
           showSymbol: false,
           data:["-", "-", "-", "-", "-", 77, 105],
           itemStyle:{
               normal:{
                   lineStyle:{
                       width:2,
                       color: "rgba(255,80,124, 1)",
                       type:'dotted'  //'dotted'虚线 'solid'实线
                   }
               }
           }
       },
        {
            name: 'EV',
            type: 'line',
            smooth: true,
            showSymbol: false,
            data: [19,20,32,49,50,58],
            itemStyle: {
		        normal: {
		            color:'rgba(115, 222, 179, 1)',
		            lineStyle: {
						color: "rgba(115, 222, 179,1)",
						width:2
		            },
		            areaStyle: { 
						color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
							offset: 0,
							color: 'rgba(115, 222, 179,0)'
						}, {
							offset: 1,
							color: 'rgba(115, 222, 179,0.35)'
						}]),
		            }
		        }
			},
			markLine: {
    			lineStyle: {
    				normal: {
    					color: '#0f77e9',
    				},
    			},
    			label: {
    				normal: {
    					formatter: function(params) {
    						return '当前 ';
    					},
    				},
    			},
    			data: [{
    				name: '当前时间',
    				xAxis: '第6周'
    			}, ]
    		}
        }
    ]
};
    
截图如下