前端 highcarts数据渲染速度很慢如何解决

Question

图表形式是折线图， 当数据量比较大的时候 highcarts渲染的速度就很慢， 业务是 用折线图画出两年中每一天的营业情况 这个时候就需要等很久才能加载出来 7，8秒 debug了 后台拿数据也不过0.3秒 时间都是在这个渲染的动作，请问大佬们 你们遇到过吗

Answer 1

遇到过这个问题。
也许场景类似，渲染也是花费较长时间。
我当时做了这些处理。

1. 数据分段显示。原来是打开就显示历史所有记录，我给改成了近7天、近30天、近半年这样的可选的，默认显示近30天的记录，这样在一开始是不会有太久渲染延迟的。
2. UI上加一个loading，不然用户很容易认为是卡死了
3. 优化代码。后台给的数据结构往往不是highcharts所需要的，需要遍历一下以改变格式。这个遍历的过程也是比较耗时，可以优化下，以降低时间复杂度。

以上三点个人经验，不一定完全适合你的业务场景。

Answer 2

highchart本身数据源没有问题的情况下数据渲染速度是很快的，2000条数据的5s内都能渲染完毕，我觉得主要是从后端获取数据的时间来看一下，查看一下xhr请求的时间，或许是后端反应的太慢

Answer 3

换echarts