echarts折线图连接两个点
时间: 2023-06-28 15:04:59 浏览: 152
折线连接图形
要连接两个点,需要在折线图的数据中指定这两个点的坐标,并设置`connectNulls`属性为`true`。这样,echarts会自动将两个点用一条线段连接起来。以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
type: 'line',
data: [120, 200, null, null, 400],
connectNulls: true
}]
};
```
在这个示例中,第3和4个点没有数据,但是设置了`connectNulls`属性为`true`,因此echarts会自动将第2个点和第5个点用一条线段连接起来。
阅读全文