Echarts图表中如何绘制部分虚线？

顺亿

2026-10-23 • 👁 0人浏览过

ECharts图表：巧妙实现部分线段虚线效果本文介绍如何在ECharts图表中，仅对部分线段应用虚线样式。通过简单的配置即可轻松实现这一效果。方法详解关键在于修改

lines

数据中的对应线段配置。只需在需要绘制为虚线的线段数据中添加

type

参数即可。代码示例如下所示，通过设置

type

参数为

'dashed'

，即可将该线段绘制为虚线：

{
  name: '混凝土安装1（15天）',
  coords: [[620, 700], [890, 700]],
  type: 'dashed' // 设置为虚线
}

type

参数支持三种线型：

'solid'

（实线）、

'dashed'

（虚线）和

'dotted'

（点线）。根据需要选择合适的参数值即可。通过以上方法，您可以灵活控制ECharts图表中线段的样式，创建更精细、更具表达力的图表。