跳到主要内容

yAxis

y 轴。

官方文档

实时调试预览

自定义配置项

axisLabel.dvAlignEdge

注意

v0.4.4+ 版本后需要同时配置 showMinLabel: trueshowMaxLabel: true 才能生效。

  • 类型 boolean

y 轴刻度标签的首尾(即第一个和最后一个)标签分别向内侧偏移对齐刻度线(默认情况下标签文本是和刻度线居中对齐的),实现轴两端标签文本向轴内侧对齐边缘的效果。

axisLabel.dvAlignLabelsToAxis

注意

v1.10.0+ 配置项只会在y轴生效,原本y轴标签在左侧会默认右对齐,在右侧会左对齐。如果y轴标签在左侧时左对齐或则在右侧时右对齐会依据grid的边界向grid内部布局,开启配置项后会做补偿,使得默认情况下标签依然在grid外部

提示

搭配grid.containLabel为true,效果更佳

  • 类型 boolean

y 轴标签在左侧左对齐,或右侧右对齐时,实现轴两端标签文本向轴外侧对齐边缘的效果。

splitLine.dvZ

提示

splitLine.dvZ的优先级高于优先级大于yAxis.z/z2/zlevel.

  • 类型 number

单独设置y轴分割线的层级。

v1.2.0+

dvPadding

  • 类型 [number, number]

v0.0.21+

配置轴两侧的内边距。

dvSplitLineNumber

注意
提示

分割线的数目应该大于 1。

  • 类型 number

v0.1.0+

配置轴分割线的数目。

dvAlignZeroTick

注意
提示

该配置项需要同时满足多个条件才会生效:

信息

ECharts 的 alignTicks: true 配置项对齐策略为:存在多根轴时,对齐参照的轴是顺序遍历轴找到的第一个没有配置 alignTicks 的轴,若所有的轴都配置了 alignTicks 则取最后一根轴作为参照对齐的轴。对齐的参照轴决定了轴分割线的数目。

  • 类型 boolean

v0.1.0+

在有多根轴时,且轴的分割线已经对齐和存在 0 刻度线时,可实现多根轴的 0 刻度线对齐。

dvBoundaryGapContainZeroTick

注意
信息

ECharts 的 boundaryGap 配置项计算基准为原始数据极值区间,给出以下前提条件进行举例说明:

  • scale: false
  • boundaryGap: [0, 50%]
  • 原始数据极值区间为 [50, 150]

默认情况下 ECharts 会先算出极值区间大小,即 150-50=100,然后计算轴两侧的留白间隙得到包含了留白区域的极值范围,即 [50 - 100*0, 150 + 100*50%]=[50, 200],最后判断是否配置了跨 0 刻度,如果是再进一步修正极值范围,即 [0, 200]

该配置项启用后,可将 boundaryGap 配置项计算基准更改为包含 0 刻度的极值区间,即先判断是否跨 0 刻度,修正极值范围为 [0, 150],然后计算极值区间大小,即 150-0=150,再计算包含了留白区域的极值范围,即 [0 - 150*0, 150 + 150*50%]=[0, 225]

  • 类型 boolean

v0.4.1+

在轴跨 0 刻度的情况下,可让轴两侧的留白区域计算包含 0 刻度。

dvNameLocation

  • 类型 string

v0.0.11+

ECharts 原有的 nameLocation 与范式要求有所差异,故新增一个配置项来满足范式的需求

shadowStyle.dvMaxWidth

提示

仅在 type: shadow 时有效。

信息

优先级低于x/y轴内部的axisPointer配置xAxis(yAxis).axisPointer.shadowStyle.dvMaxWidth

  • 类型 number
  • 默认值 undefined

v1.2.2+

设置阴影axisPointer的最大宽度。

axisLine.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴轴线的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

axisTick.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴刻度的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

minorTick.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴次级刻度线的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

splitLine.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴分割线的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

nameTextStyle.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴名称的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

minorSplitLine.dvZ

提示

优先级高于yAxis.z

  • 类型 number

v1.2.2+

y 轴次级分割线的层级。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。