跳到主要内容

xAxis

x 轴。

官方文档

实时调试预览​

自定义配置项​

dvPadding​

  • 类型 [number, number]

v0.0.21+

配置轴两侧的内边距。

axisLabel.dvAlignEdge​

注意

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

  • 类型 boolean

在 x 轴数据项大于等于 2 个时，轴刻度标签的左右两侧（即第一个和最后一个）标签分别向内侧偏移对齐刻度线（默认情况下标签文本是和刻度线居中对齐的），实现轴两端标签文本向轴内侧对齐边缘的效果。

axisLabel.dvLayout​

  • 类型 number

v0.2.0+

x 轴最少展示的刻度个数，且布局类似 flex 布局下的 justify-content: space-between。

axisLabel.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

axisLabel.dvLayoutTakeEffectGreaterThan​

  • 类型 number

v0.2.0+

在设置了 x 轴最少展示的刻度个数后，设置 x 轴最多展示的刻度个数。当刻度数量超过最多展示的个数之后，x 轴只展示最少个数的刻度，且布局类似 flex 布局下的 justify-content: space-between。若未设axisLabel.dvLayout，则该配置设了也无效。

axisLabel.dvIntervalStrategy​

注意
  • 配置了 xAxis.axisLabel.interval 配置项后该配置项无效
  • 该配置项目前仅在 pc-app-light 主题中有用，用来禁止默认开启的轴标签布局策略
  • 类型 gt16

v0.6.0+

PC 端范式 x 轴标签布局，范式要求 x 轴刻度之间至少保持 16px 的间隔，若间隔小于 16px 则隐藏第偶数个刻度，若隐藏刻度后间隔仍然小于 16px，则继续执行隐藏逻辑直到间隔大于等于 16px。

dvNameLocation​

  • 类型 string

v0.0.11+

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

axisPointer.shadowStyle.dvMaxWidth​

提示

仅在 type: shadow 时有效。

信息

优先级 高于 全局配置axisPointer.shadowStyle.dvMaxWidth。

  • 类型 number
  • 默认值 undefined

v1.2.2+

设置阴影axisPointer的最大宽度。

axisLine.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

axisTick.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

minorTick.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

splitLine.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

nameTextStyle.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

minorSplitLine.dvZ​

提示

优先级高于xAxis.z。

  • 类型 number

v1.2.2+

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

编辑此页
最后由 gongyuzhouchang 于 更新