zoukankan      html  css  js  c++  java
  • 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 设置的不一样, 设置成一样的就好了。

  • 相关阅读:
    冒泡排序
    选择排序
    JavaScript学习笔记---数组对象
    数字时钟
    操作字符串
    当前时间
    倒计时 定时器
    滚动文字
    查找替换文字
    JavaScript学习笔记---对象 时间对象 字符串对象
  • 原文地址:https://www.cnblogs.com/chengyunshen/p/12844490.html
Copyright © 2011-2022 走看看