
ECharts图表中实现部分线段虚线效果
本文介绍如何在ECharts图表中,对部分线段进行虚线渲染。
方法如下:
通过设置lineStyle.type属性为'dashed',即可将对应线段渲染为虚线。 示例代码如下:
data: [
{
name: '混钢筋混凝土安装1(15天)',
coords: [[620, 700], [890, 700]],
lineStyle: {
type: 'dashed'
}
},
// ...其他线段数据
]
在上述代码中,lineStyle: { type: 'dashed' } 指定了名为“混钢筋混凝土安装1(15天)”的线段使用虚线样式。 您可以根据需要,对其他线段分别设置lineStyle属性,从而实现部分线段虚线,部分线段实线的混合效果。









