Echarts图表应用实战案例分析
截至目前,用Echarts做到比较满意的一个实战案例。
整体分为三个部分:
左线:柱状堆叠图A、柱状堆叠图(异化成刻度尺)B、柱状图堆叠(柱状进度条)C;
横洞:柱状图G;
右线:柱状堆叠图D、柱状堆叠图(异化成刻度尺)E、柱状图堆叠(柱状进度条)F;

其中,A&D、B&E、C&F,各公用一组封装的Echarts代码,G单独柱状图一组Echarts代码。

不完美的地方:

  1. 实际生产环境过程中的数据都是不可控的,为此,想展现完美的图形,比较困难;
  2. 由于是放在大屏上自动展示的,无鼠标互动,故需要将大量的数据标签显示出来,有些凌乱;
  3. 刻度尺柱状堆叠图出现了叠加的情况;

Done!

相关文章:

  • 2022-12-23
  • 2021-07-10
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
  • 2021-07-29
  • 2022-12-23
猜你喜欢
  • 2023-03-11
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
  • 2022-02-25
  • 2021-12-31
相关资源
相似解决方案