開(kāi)發(fā)時(shí)用echarts做雙(多)軸時(shí)發(fā)現(xiàn)其中某軸有負(fù)數(shù)時(shí)0刻度線不對(duì)齊。
0刻度不對(duì)齊
最后得出最佳解決辦法
首先判斷是否有負(fù)數(shù)
const hasNegative = Math.min(...seriesData[0], ... seriesData[1]);
如果有的話儒陨,我的配置是這樣的
yAxis: {
type: 'value',
max: value => {
const { max, min } = value;
const absMax = Math.max(Math.abs(max), Math.abs(min));
return Math.floor(absMax * 1.2);
} ,
min: value => {
const { max, min } = value;
const absMax = Math.max(Math.abs(max), Math.abs(min));
return Math.floor(-absMax * 1.2);
}
}
最后的結(jié)果OK。
對(duì)齊后
再對(duì)最大值最小值優(yōu)化下應(yīng)該會(huì)更好张症。
最后能庆,使用webpack的注意把echarts升級(jí)到最新版本。否則樣式可能會(huì)錯(cuò)亂颁湖。