Echarts实战案例代码(44)：同时渲染折线图实现和虚线渲染实现已发生和预测趋势的解决方案

解决思路

1. 实线和虚线，都是折线图lineStyle固有的属性；
2. 分成同样数据的两组series，一段为实线，一段为虚线；

Echarts代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: ["-", "-", "-", 934, 1290, 1330, 1320],
        connectNulls: true,
        lineStyle: {
            type: "dash"
        },
        label:{show:true,position:"top"},
        type: 'line'
    }, {
        data: [820, 932, 901, 934, "-", "-", "-"],
        connectNulls: true,
        label:{show:true,position:"top"},
        type: 'line'
    }]
};

方案存在的问题

1. 在实际应用场景中，数据格式处理比较麻烦；
2. 分理处，有数据重复，样式处理不是很友好。

Done！