JSRUN 用代码说话

y轴反向与留白

编辑教程

y轴怎么反向与留白

使用 ECharts 时同样也要注意所设置的 y 轴是否是个反向轴,这通过 yAxis.inverse 就可以得知;并且还需要适当的给坐标轴做留白处理,这样会方便之后的一些操作,但是对于类目型与非类目型的坐标轴,有不同的留白策略。

yAxis.inverse

boolean [ 默认值: false ]

可以得出 y 轴是否是反向坐标轴。

该属性是 ECharts 3 中新加的。

yAxis.boundaryGap

boolean, Array 设置 y 坐标轴两边留白策略,类目轴和非类目轴的设置和表现不一样。(yAxis 通常并默认为数值型)

类目轴中 boundaryGap 可以配置为 true 和 false。默认为 true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间。

非类目轴,包括时间,数值,对数轴,boundaryGap是一个两个值的数组,分别表示数据最小值和最大值的延伸范围,可以直接设置数值或者相对的百分比,在设置 min 和 max 后无效。 示例:

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