需求: ECharts 柱状图,鼠标放在上面的时候会虚线显示 Y 轴高度,可是我的柱状图是统计人数的,出现 1.5,3.5 这样的数字是不合理的,最后想到的解决办法就是不显示 Y 轴虚线,这样不会影响功能,而且悬浮框里面已经显示了 X 轴选中的高度。
ECharts 功能是很强大,但是官网对这些显示的配置总是不能一目了然,自己查询文档,最后找到了 tooltip 里面的 axisPointer 里面的 type 属性,修改它的值可以让 Y 轴虚线不显示,代码如下:
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
修改后:
trigger: 'axis',
axisPointer: {
type: 'shadow',
crossStyle: {
color: '#999'
}
}
},