echarts折线图节点显示
时间: 2023-10-03 09:09:31 浏览: 140
Echarts实现的折线图
5星 · 资源好评率100%
要在 Echarts 折线图中显示节点,您需要在 series 数据中添加一个标记点(markPoint)选项。下面是一个示例配置:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
}
}]
};
```
在上面的示例中,我们在 series 数据中添加了 markPoint 选项,并在其中定义了两个标记点,分别是最大值和最小值。这些标记点将在折线图中显示为圆点,并在鼠标悬停时显示其名称。您可以根据需要添加更多的标记点。
阅读全文