截至目前,用Echarts做到比较满意的一个实战案例。 整体分为三个部分: 左线:柱状堆叠图A、柱状堆叠图(异化成刻度尺)B、柱状图堆叠(柱状进度条)C; 横洞:柱状图G; 右线:柱状堆叠图D、柱状堆叠图(异化成刻度尺)E、柱状图堆叠(柱状进度条)F;
其中,A&D、B&E、C&F,各公用一组封装的Echarts代码,G单独柱状图一组Echarts代码。
不完美的地方:
- 实际生产环境过程中的数据都是不可控的,为此,想展现完美的图形,比较困难;
- 由于是放在大屏上自动展示的,无鼠标互动,故需要将大量的数据标签显示出来,有些凌乱;
- 刻度尺柱状堆叠图出现了叠加的情况;
Done!