JSRUN 用代码说话

yAxis的基本属性

编辑教程

yAxis的基本属性

在 ECharts 中直角坐标系的 y 轴有可能是不显示的,如果我们要配置 yAxis 的属性,首先就需要将 y 轴显示出来。那么,就存在以下的问题:

要怎么操作能够显示 y 轴?y 轴显示后,它在 grid 组件中的索引是怎样的?它处于什么样的位置?与默认的位置有发生偏移吗?它是什么类型的坐标轴?怎么定义它的名称及名称的位置?

上述的问题都针对了 yAxis 的一些基本属性的设置,下面让我们一一来解决。


yAxis.show

boolean [ 默认值: true ]

表示是否显示 yAxis 的 y 轴。


yAxis.gridIndex

number [ 默认值: 0 ]

得到 y 轴所在的 grid 的索引,默认位于第一个 grid。


yAxis.position

string 得到 y 轴的位置。

可以选择的值:

  • 'left'
  • 'right'

注意:默认 grid 中的第一个 y 轴在 grid 的左侧('left'),第二个 y 轴视第一个 y 轴的位置放在另一侧。


yAxis.offset

number [ 默认值: 0 ]

显示 Y 轴相对于默认位置的偏移,该属性在相同的 position 上有多个 Y 轴的时候会使用到。


yAxis.type

string [ 默认值: 'value' ]

得到 y 坐标轴的类型。

以下是可选的 y 轴类型:

  • 'value' :数值轴,适用于连续数据。

  • 'category' :类目轴,适用于离散的类目数据,为该类型时必须通过 data 设置类目数据。

  • 'time' :时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。

  • 'log' :对数轴。适用于对数数据。


yAxis.name

string 显示坐标轴的名称。


yAxis.nameLocation

string [ 默认值: 'end' ]

得到坐标轴名称的显示位置。

可以选择:

  • 'start'
  • 'middle'
  • 'end'

yAxis.nameGap

number [ 默认值: 15 ]

坐标轴名称与轴线之间的距离。


yAxis.nameRotate

number [ 默认值: null ]

坐标轴名字旋转,是个角度值。

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