echarts折线图x轴加点点
时间: 2023-11-23 12:52:54 浏览: 90
您可以通过设置xAxis的axisLabel属性中的interval参数来控制x轴标签的显示间隔,从而实现在折线图上加点。例如,将interval设置为2,则每隔一个标签显示一个标记点。
示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
interval: 2, // 控制标签显示间隔
formatter: function(value) {
// 在标签上添加圆点
return '{circle|' + value + '}{value| }';
},
rich: {
circle: {
backgroundColor: '#409EFF',
borderRadius: 7,
width: 14,
height: 14,
align: 'center',
verticalAlign: 'middle',
lineHeight: 14,
color: '#fff',
fontSize: 10
},
value: {
color: '#666',
fontSize: 12
}
}
}
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};
```
阅读全文