一、问题
在做给Echarts添加基线的需求中,发现添加上的基线在图上展示不出来,经过排查原来是基线值过大,超过了Y轴的最大值,导致的基线未显示。
二、解决方法
1、解决思路:给Echarts的设置y轴的最大值,把所有的数据包含基线的数据取最大值在同过interval平分y轴,这样基线的值就不会超过y轴的最大值了。
2、代码实现:
// 处理数据 取最大值 / 6 指的是平均分成6份 可以按照自己的需求自行修改
// arr1 arr2: 图表数据 baseLineVal:基线数据
let yMax = Math.ceil(Math.max(...arr1,arr2,...baseLineVal) / 6) * 6;
yAxis: [{
max: yMax ? yMax : 12,
interval:yMax ? yMax / 6 : 2, // interval 来自定义这个间隔大小
nameGap: 18,
type: 'value',
name: `单位(t)`,
min: 0,
axisLine: { show: false },
splitLine: { show: true },
axisLabel: {
formatter: function (value: any) {
return value;
},
},
},
]