使用echarts绘制数据可视化过程中遇到的坑

在进行数据可视化过程中遇到了重重困难,一是自己刚接触这样的数据可视化比较生疏,而是有很多前后段交互的地方想不通原理让人很蛋疼,不过在宇哥的耐心指导下总算是完成了这一阶段的功能要求我们要做的是一个将收集到的测试数据传过来,我们进行出处理并且将之可视化展示的一个过程,要求读取到多个图就多个图展示,一个图中可能有多条数据线,颜色自己指定并且如果指定了就按照指定的来,如果没有指定就按照随机分配.
(一)
定义一个div框架 注意id 要具有唯一性这样才不会被覆盖
接下来初始化这个div框架
接下来循环数组所提供的data数据我第一个j为图标的多表循环,i为多数据循环,可以是一条图线也可以是多条图线然后进行创建

在数据可视化过程中出现图标重合问题主要是gread 定义好gread就可以将图表的位置错开在定义之后出现y轴数据被隐藏这是因为gread.left展示的太小了导致y轴的数据被隐藏解决办法是调节数值在y周出现后显示出来y周可以完全显示的样子,同样width height top left 都是这样解决的。

猜你喜欢

转载自blog.csdn.net/qq_40005528/article/details/80285909
今日推荐