echarts axisPointer 开启十字准星指示器 ,如何禁止X轴做标可以在Y轴上下滚动
时间: 2023-11-28 15:48:12 浏览: 326
要禁止X轴做标可以在Y轴上下滚动,可以通过设置 `axisPointer` 的 `link` 属性来实现。具体来说,如果想要让X轴和Y轴的十字准星指示器联动,但是禁止X轴做标可以在Y轴上下滚动,可以按照以下步骤进行设置:
1. 在X轴和Y轴的配置中,设置 `axisPointer` 的 `link` 属性为 `false`,这样就可以禁止两个轴之间的联动。
```javascript
// X轴配置
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisPointer: {
link: false, // 禁止与Y轴联动
label: {
show: false
}
}
},
// Y轴配置
yAxis: {
type: 'value',
axisPointer: {
link: false, // 禁止与X轴联动
label: {
show: false
}
}
}
```
2. 在图表的全局配置中,设置 `tooltip` 的 `axisPointer` 的 `crossStyle` 属性,使其只在X轴和Y轴上显示。
```javascript
// 图表全局配置
tooltip: {
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999',
width: 1,
type: 'dashed'
}
}
}
```
这样就可以实现X轴和Y轴的十字准星指示器联动,但是禁止X轴做标可以在Y轴上下滚动了。
阅读全文