vue eacharts折线图 实线加虚线 实线区域渐变色 添加虚线

 

<div id="myChart"></div>

this.drawLine();

drawLine() {
            // 基于准备好的dom，初始化echarts实例
            let myChart = this.$echarts.init(document.getElementById('myChart'))
            // 绘制图表
            myChart.setOption({
                //用formatter回调函数显示多项数据内容  
                tooltip: {
                    trigger: 'axis',
                    formatter: function(params, ticket, callback) {
                        var htmlStr = '';
                        var valMap = {};
                        for (var i = 0; i < params.length; i++) {
                            var param = params[i];
                            var xName = param.name; //x轴的名称  
                            var seriesName = param.seriesName; //图例名称  
                            var value = param.value; //y轴值  
                            var color = param.color; //图例颜色  

                            //过滤无效值
                            if (value == '-') {
                                continue;
                            }
                            //过滤重叠值
                            if (valMap[seriesName] == value) {
                                continue;
                            }
                            // if (i === 0) {
                            //     htmlStr += xName + '<br/>'; //x轴的名称  
                            // }
                            htmlStr +&#