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

  • 相关阅读:
    DS博客作业02--线性表
    DS博客作业01--日期抽象数据类型设计与实现
    C语言博客作业06--结构体&文件
    C语言博客作业05--指针
    C语言博客作业04--数组
    DS博客作业8——课程总结
    DS博客作业07——查找
    DS博客作业06--图
    DS博客作业——树
    DS博客作业03--栈和队列
  • 原文地址:https://www.cnblogs.com/chengyunshen/p/12844490.html
Copyright © 2011-2022 走看看