这是坐标轴指示器(axisPointer)在 ECharts 的全局公用设置。
坐标轴指示器的作用是指示坐标轴当前刻度的,它被广泛的作为一个实用的工具来使用。
在下面的实例中,当鼠标悬浮到图上的时候,您可以看到出现的标线和刻度文本:
点击编辑实例 》》
上例中,使用了 axisPointer.link 来关联不同的坐标系中的 axisPointer。
坐标轴指示器也有适合触屏的交互方式,如下:
点击编辑实例 》》
坐标轴指示器在多轴的场景能起到辅助作用:
点击编辑实例 》》
点击编辑实例 》》
注意: 一般来说,axisPointer 的具体配置项会配置在各个轴中(如 xAxis.axisPointer)或者 tooltip 中(如 tooltip.axisPointer)。但是这几个选项只能配置在全局的 axisPointer 中:axisPointer.triggerOn、axisPointer.link。
直角坐标系 grid、极坐标系 polar、单轴坐标系 single 中的每个轴都自己的 axisPointer。
他们的 axisPointer 默认不显示。有两种方法可以让他们显示:
axisPointer 的 label 默认不显示(也就是默认只显示指示线),除非:
设置轴上的 axisPointer.handle.show(例如 xAxis.axisPointer.handle.show 为 true 则会显示出此 axisPointer 的拖拽按钮。(polar 坐标系暂不支持此功能)。
注意: 如果发现此时 tooltip 效果不良好,可设置 tooltip.triggerOn 为 'none'(于是效果为:手指按住按钮则显示 tooltip,松开按钮则隐藏 tooltip),或者 tooltip.alwaysShowContent 为 true(效果为 tooltip 一直显示)。
详细的例子参考。
在 ECharts 图表中的数值轴、时间轴如果开启了 snap,则 axisPointer 会自动吸附到最近的点上。
toolbox.feature.brush |Object选框组件的控制按钮。也可以不在这里指定,而是在brush.toolbox中指定。toolbox.feature.brush.ty...
JavaScript slice() 方法 JavaScript Array 对象实例在数组中读取元素:var fruits = ["Banana", "Orange", "Lemon", "Apple", "...
JavaScript getUTCMilliseconds() 方法 JavaScript Date 对象实例根据世界时 (UTC) 返回时间的毫秒(0~999):var d = new Date();v...
JavaScript LOG10E 属性 JavaScript Math 对象实例返回以 10 为底的 e 的对数:Math.LOG10E;输出结果:0.4342944819032518定义和用...
JavaScript setUTCMinutes() 方法 JavaScript Date 对象实例根据 UTC 时间 设置分钟数字段为17:var d = new Date();d.setUTCMin...