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'
}
}
}]
};