ECharts折线实现前半部分是实线后半部分是虚线

发布时间:2016-12-06 浏览次数:12576 文章来源:个人博客

Echarts实现线段前半部分是实线后半部分是虚线,在开发时候,需要做到一条线显示某些数据,而某些数据又分现在和未来,现在用实线表示,未来用虚线表示,那么,如何实现呢?


目前的一个办法是画两条线,一条是实线,代表现在,一条是虚线,代表未来。


直接上代码:

option = {
    title: {
        text: '实线与虚线'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:  [220, 182, 191, 250, 290, null, null]
    }, {
        type: 'line',
        data:[null,null,null ,null , 290, 330, 310],
        lineStyle:{
            normal:{
                type:'dotted'
            }
        }
    }]
};


key-word
Echarts 实线与虚线 Echart实线 Echart虚线