如何根据实际值给 ECharts 的 Y 轴指定最小、最大值

作者:vkvi 来源:ITPOW(原创) 日期:2021-12-14

如何根据实际值给 ECharts 的 Y 轴指定最小、最大值?

我们以复杂点的为例,双 Y 轴,那么我们 yAxis 是个数组,双 Y 轴,就是 2 个项,其中 min、max 对应一个函数,可以根据具体的数值,指定最小值、最大值的范围。

yAxis: [
	{
		position: 'left',
		type: 'value',
		axisLabel: {
			formatter: '{value}元'
		}
	},
	{
		position: 'right',
		type: 'value',
		axisLabel: {
			formatter: '{value}%'
		},
		min: function (value) {
			let val = Math.max(Math.abs(value.min), Math.abs(value.max));
			return -val * 1.1; // 该轴百分比有正负值
		},
		max: function (value) {
			let val = Math.max(Math.abs(value.min), Math.abs(value.max));
			return val * 1.1;
		}
	}
],


相关文章