ECharts系列：图表中显示点，点与点之间不连线

目录

目录

1.前言

2.实现效果

3.关键代码

4.实现效果

---

1.前言

最近产品有个需求，想要下面这种echart图表，让我研究一些怎么实现

2.实现效果

需要的效果是这样的

3.关键代码

还是使用折线图，对series代码进行设置如下：

主要是width设置为0，点与点之间不会连线

series: data.map((item, i) => {
    return {
        type: 'line',
        lineStyle: {
        width: 0, // 设置线宽为 0，不连接点与点之间的线
        },
    }
})

4.实现效果