个人使用图表的一些感受。

公司最近分配一个做数据大屏的紧急任务给我,前端只有我自己,所以从前期的规划,到项目的最终实现都要我自己来完成。

每个干设计的都有一份特立独行的心?(反正我们公司的UI 是这样的。。)

项目要求图表要显示实时数据,前期和公司讨论采用是WebSocket 还是轮询 去驱动数据的更新,最后公司领导决定用轮询。

前端图表采用了g2(阿里的antv) 和 echarts ,部分组件采用antd 技术栈用的react。

 

1. 接口请求 是对umi-request 的封装。

 

2. 数据驱动采用 useRequest 去请求接口,因为 useRequest 的接口轮询用起来很方便,在副作用的情况下去根据接口的数据去刷新图表。

3. g2 图表因为文档不是很详细,所有东西都要一点一点去找。但是他的权限比echarts 要大得多。。有些对于细节有过多要求的可以考虑使用g2 但是g2 在兼容性上比echarts 差很多。

比如:这种环形图。因为label 是自定义的。在一个比例很大,其它几个很小的情况下,就会产出重叠(即使设置了,避免重叠,依然不起作用),

有大佬在这方面有研究的。带带我。。听说公司想做一个类似datav 的产品。。。。

 

 

 

 

 

 

 


关于作者

这样
划水摸鱼专业户
获得点赞
文章被阅读