JSRUN 用代码说话

y轴的坐标轴指示器

编辑教程

y轴的坐标轴指示器

本章开始介绍 ECharts 中 y 轴坐标轴指示器的一些属性设置,在这节中我们先认识如何显示 yAxis 的坐标轴指示器,坐标轴指示器有哪些类型,怎么获取坐标轴指示器的 z 值以及其它的一些设置。


yAxis.axisPointer

Object ECharts 中的 yAxis 坐标轴指示器。


yAxis.axisPointer.show

boolean [ 默认值: false ]

是否显示 yAxis 的坐标轴指示器,默认为不显示。

但是如果 tooltip.trigger 设置为 'axis' 或者 tooltip.axisPointer.type 设置为 'cross',则自动显示 axisPointer。

坐标系会自动选择显示显示哪个轴的 axisPointer,也可以使用 tooltip.axisPointer.axis 改变这种选择。


yAxis.axisPointer.type

string [ 默认值: 'line' ]

yAxis 坐标轴指示器类型。

可选:

'line' 直线指示器 'shadow' 阴影指示器


yAxis.axisPointer.snap

boolean 坐标轴指示器是否自动吸附到点上。默认自动判断。

这个功能在数值轴和时间轴上比较有意义,可以自动寻找细小的数值点。


yAxis.axisPointer.z

number 坐标轴指示器的 z 值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。


yAxis.axisPointer.triggerTooltip

boolean [ 默认值: true ]

是否触发 tooltip。如果不想触发 tooltip 可以关掉。


yAxis.axisPointer.value

number [ 默认值: null ]

当前的 value。在使用 axisPointer.handle 时,可以设置此值进行初始值设定,从而决定 axisPointer 的初始位置。


yAxis.axisPointer.status

boolean 当前的状态,可取值为 'show' 和 'hide'。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟