阅读(2324)
赞(2)
ECharts中y轴的坐标轴指示器
2017-09-12 09:15:32 更新
本章开始介绍 ECharts 中 y 轴坐标轴指示器的一些属性设置,在这节中我们先认识如何显示 yAxis 的坐标轴指示器,坐标轴指示器有哪些类型,怎么获取坐标轴指示器的 z 值以及其它的一些设置。
yAxis.axisPointer | Object
ECharts 中的 yAxis 坐标轴指示器。
yAxis.axisPointer.show | boolean
[ default: false ]
是否显示 yAxis 的坐标轴指示器,默认为不显示。
但是如果 tooltip.trigger 设置为 'axis' 或者 tooltip.axisPointer.type 设置为 'cross',则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer,也可以使用 tooltip.axisPointer.axis 改变这种选择。
yAxis.axisPointer.type | string
[ default: 'line' ]
yAxis 坐标轴指示器类型。
可选:
- 'line' 直线指示器
- 'shadow' 阴影指示器
yAxis.axisPointer.snap | boolean
坐标轴指示器是否自动吸附到点上。默认自动判断。
这个功能在数值轴和时间轴上比较有意义,可以自动寻找细小的数值点。
yAxis.axisPointer.z | number
坐标轴指示器的 z 值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。
yAxis.axisPointer.triggerTooltip | boolean
[ default: true ]
是否触发 tooltip。如果不想触发 tooltip 可以关掉。
yAxis.axisPointer.value | number
[ default: null ]
当前的 value。在使用 axisPointer.handle 时,可以设置此值进行初始值设定,从而决定 axisPointer 的初始位置。
yAxis.axisPointer.status | boolean
当前的状态,可取值为 'show' 和 'hide'。