本文介绍了如何基于ECharts库，通过研究和优化一位大神分享的折线图作品，实现具有滚动条和动态显示效果的统计图。通过调整折点数量和颜色方案，提升了图表的视觉效果和性能。最终，这个定制的统计图模板在项目组中得到了广泛应用，并获得了良好的反馈。
学会ECharts的初步使用，我终于可以开始为项目组定制统计图了。由于一切从头开始比较耗费时间，我决定在一些优秀半成品统计图上进一步加工。
EChart有一个论坛，上面有很多大神分享自己的作品和源代码，供我们借鉴学习，是一个非常不错的平台。
我找到一个非常漂亮的折线图，风格如下：
经过研究，我发现每一条线其实是由两部分组成的，分别是折线(line)和动画散点(effectScatter)，两部分的数据(data)完全相同，这样显示效果就好像一条线了。
经过和组内同学的交流，我们一条线可能拥有几百个折点，如果同时显示出来，不仅可视效果差，而且渲染速度也不理想。于是我给图加入了滚动条，可以调整沿着x轴位置进行调整，也可以对同时显示的折点数量进行调整；改变了一整套折线，折点以及区域的颜色，还增加了正上方的图例。
最后我将统计图模板发给项目组其他同学，他们将数据填充后的运行效果很好，如下图所示：
扫一扫
595
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
