最近做前端开发,几乎全部都是统计图表,从基本的折线图、柱状图、饼图再到分别加滚动条,再到不怎么常用的桑基图、热力图以至于后面的双轴图,反正呢,你能想到的你想不到的我们公司的产品都可以帮你想出来,虽说是一把辛酸泪,但也是学到了好多(关于biachart),或者说是踩了好多坑,这篇先简洁的记录下坑吧,之后有时间再分享封装的各类图表。
1、限制纵坐标的范围(最大值) ?
maxLimit
const cols[yAxis] = {
……
maxLimit: 100,
};
<Chart ... scale={cols} forceFit padding="auto">
</Chart>
这块坑就坑在:API文档中提供了max,如下截图:
所以,当产品提出必须限定不能超过100% 时,首先想到的就是使用max,但是设置max后,效果还是很任性,该超还是超,尤其是“grid”——只要数据超出100% 一点点,哪怕是0.01就会多条线&#