codecamp

ECharts中x坐标轴指示器的设置

xAxis.axisPointer   |   Object

用于在直角坐标系的 x 坐标轴上设置坐标轴指示器。

xAxis.axisPointer.show   |   boolean

[ default: false ]

xAxis 中默认不显示坐标轴指示器。

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

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

xAxis.axisPointer.type   |   string

[ default: 'line' ]

使用该属性获得坐标轴指示器的类型。

可选

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

xAxis.axisPointer.snap   |   boolean

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

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

xAxis.axisPointer.z   |   number

能够得到坐标轴指示器的 z 值。

使用它控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。


ECharts xAxis配置 类目标签的富文本样式
xAxis设置坐标轴指示器文本标签的文本类型
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }