zoukankan      html  css  js  c++  java
  • echarts柱形图后面的柱子遮住了前面的了

    今天发现通过echarts画柱形图时,如果分组很多,柱形图数量一多的话,就会出现下面的效果

    后来发现有人设置了每个柱子的长度,即设置barWidth为一个固定值。。。

    其实我觉得barWidth最好不要设置?因为不设置的话,默认就是自适应,会根据柱子的数量来调整每个柱子的宽度【我是这样理解的】,但是还有个问题,如果不设置barWidth的话,就会出现,当柱子的数量很少的时候,柱子的宽度会很宽很宽,

    所以再结合barMaxWidth来限制柱子的最大宽度,同理,也可以通过barMinWidth来设置其最小宽度。。。

    修改如下:

     // var myserie = {"name": "男", "type": "bar", "data": [0, 0, 0, 0, 0, 0, 0, 0, 6, 8], "barWidth":54,
        var myserie = {"name": "男", "type": "bar", "data": [0, 0, 0, 0, 0, 0, 0, 0, 6, 8],"barMaxWidth":100,

    修改后,当柱子数量很多时的效果如下:

  • 相关阅读:
    Servlet
    反射
    Python之装饰器
    app——升级测试点
    Python之基本运算符
    HTTP常见的几种认证机制
    Shell文件包含
    Shell输入/输出重定向
    Shell函数
    Shell循环语句
  • 原文地址:https://www.cnblogs.com/Guhongying/p/14034200.html
Copyright © 2011-2022 走看看