工作笔记-Echarts多X轴标签柱状图

工作笔记-Echarts多X轴标签柱状图

六月 01, 2020 阅读量

工作笔记-Echarts多X或Y轴标签柱状图

虽然不是第一次写比较复杂的Echarts,记录一下,以备后用

参考源

Simulate Hierarchy Axis
有三列,最后一列数据必须要平分,不然行对不齐。

修改

Simulate Hierarchy Axis改
主要增加了了一个markPoint来表示数量,因为参考的例子中第三列标签为label。
实际开发主要是对数据的操作,具体看业务逻辑了。我写的数据逻辑操作如下

项目最后演示的demo如下

最后吐槽一下IOS,Echarts渲染的Canvas高度超过4300左右就不显示了。IOS使用谷歌浏览器效果一样,MacOS、Android能够显示,但是数据过多会导致Android浏览器崩溃(还是我手机该换了)。