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