bizchart之使用总结

本文总结了在前端开发中使用BizCharts遇到的问题,包括限制纵坐标范围、图表元素显示不全、双轴统计图中grid混乱及坐标轴名称无法显示等,并提供了相应的解决方案。通过设置最大值、forceFit和padding属性,以及调整grid和坐标轴参数,解决了图表显示的各种问题。
摘要由CSDN通过智能技术生成

     最近做前端开发,几乎全部都是统计图表,从基本的折线图、柱状图、饼图再到分别加滚动条,再到不怎么常用的桑基图、热力图以至于后面的双轴图,反正呢,你能想到的你想不到的我们公司的产品都可以帮你想出来,虽说是一把辛酸泪,但也是学到了好多(关于biachart),或者说是踩了好多坑,这篇先简洁的记录下坑吧,之后有时间再分享封装的各类图表。

   1、限制纵坐标的范围(最大值)  ?  

           maxLimit      

const cols[yAxis] = {
   ……
    maxLimit: 100,
  };



 <Chart ... scale={cols} forceFit padding="auto">
    
 </Chart>

   这块坑就坑在:API文档中提供了max,如下截图:

所以,当产品提出必须限定不能超过100% 时,首先想到的就是使用max,但是设置max后,效果还是很任性,该超还是超,尤其是“grid”——只要数据超出100% 一点点,哪怕是0.01就会多条线&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值