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 设置的不一样, 设置成一样的就好了。

原文地址:https://www.cnblogs.com/chengyunshen/p/12844490.html