[echarts] 交错正负轴标签 -- 0轴始终在正中位置

防止当负数标签少于正数标签时,标签超出长度图范围问题(注原图的0轴会根据数据自动变换位置,标签过长会导致遮挡)
思路:
计算X轴最大最小值,使最大最小值的绝对值相等,这样0轴就会保持居中。
1.当 abs(最小负数) < 最大正数时,x轴最小值为 -max(正);
2.当 abs(最小负数) > 最大正数时,x轴最大值为 -min(负);
代码如下:

	xAxis: {
		type: 'value',
		position: 'bottom',
		splitLine: {
			lineStyle: {
				color: '#CECECE'
			}
		},
		min : function(value){
		    //最小值设置,其中-value.max * 1.05 乘以1.05 ,主要是使图的边界小于最小的值,给边界留空间
			return ( Math.abs(value.min) < value.max ? -value.max * 1.05 : value.min *  1.05).toFixed(2);
		},
		max : function(value){
		 //最大值设置,其中-value.min * 1.05 乘以1.05 ,主要是使图的边界大于最大于值,给边界留空间
			return ( Math.abs(value.min) < value.max ? value.max * 1.05 : -value.min * 1.05).toFixed(2);
		}

	},

在这里插入图片描述

【Echarts交错正负轴标签】使用 – 0轴始终在正中位置

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值