echarts柱形图后面的柱子遮住了前面的了
echarts 后面 前面 柱形图
2023-09-11 14:22:19 时间
今天发现通过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,
修改后,当柱子数量很多时的效果如下:
相关文章
- 【独家】ECharts 2.0发布,大量细节曝光
- vue里面引用echarts制作攻击防御地图可视化视图
- Vue中引入Echarts
- Vue+Echarts监控大屏实例七:智慧养老监控模板实例下
- Echarts使用dataset数据集管理数据
- echarts使用要点
- Web 插件 之 ECharts 动态排序柱状图可视化图表库简单实现
- Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图)
- echarts 饼图
- Echarts图表控件使用总结1(Line,Bar)
- Echarts 中当y轴有负数时,让x轴下落在y轴最小值(转载)
- echarts 曲线 断点连接;断点连线; 将不连续的点连接起来、由null间断的点连接起来
- echarts 曲线平滑配置
- echarts X轴显示不全 有省略
- SSM之echarts视频-Array-专题视频课程