bizcharts画图遇到的几个问题


1.不支持柱形图Geom色块拼接(本来考虑可以渐变,但是由于 1.柱图高度的不确定性 + 2.bizcharts的 渐变色不支持像素值,所以无法实现上方色块固定高度这样的效果, 但按固定高度比例的效果可以实现)

解决方法:思路 1. 自定义shape 2.利用堆叠柱状图来显示这个效果 3.使用geom point (最后通过这个方法实现, 具体如下 )

添加 Geom point 利用背景图进行设置。

2.横坐标文字过长 旋转后,文字不是居中与刻度线对齐
这里要注意 首先要设置 autoRotate:false, 然后 textStyle:{textAlign: center}

3.图例与标题对齐

由于bizcharts的标题几乎都在 元素之外,图例在canvas之内, 所以要想对齐, 首先想到的 就是定位, 把标题定位到图表之上, 再利用 图表的padding + 标题的top值 + legend的offsetY 三个值来确定。 注意legend的 offsetY值应该是数字 可以正负。

4.多层饼图 官网案例是正常的, 但实际上我用的时候有错位, 后来发现是数据顺序问题。 顺序正确, 就不会错位。

5.Bizcharts渐变色不支持像素值。
6. 自定义shape 参考g2自定义shape文档和图表案例。
7. 同一个接口,谷歌正常, 火狐浏览器就的中文字段变成了null。原因在于请求头 headers的 Accept-Language 设置的不一样, 设置成一样的就好了。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM