我有性能问题/问题。我使用angular和highcharts-ng在单页中渲染大约80个区域图表。当加载数据并且角度将其绑定到图表时,我的浏览器大约2秒钟没有响应。它可能不是很多,但仍然......
是什么原因?它是角度到图表的绑定问题还是仅由highcharts进行图表渲染?
有可能让它快一点或只是让它不挂浏览器吗?
修改
响应来自服务器真的很快。数据量非常小。当我关闭图表(ng-if =“false”)时,休息数据加载非常快,没有任何性能问题。
每个区域图表最多有12个数据点。
答案 0 :(得分:3)
旧帖子,但是如果其他人遇到类似的东西,请注意你在highcharts-ng中放入数据对象的内容。一切都得到了美观。在我的例子中,我将对象数组放入图表数据中,这样我就可以在单击图表段时查看详细信息。然而,随着摘要周期变得巨大,这引起了可怕的性能问题。我通过放置一个将数组返回到图表数据而不是数组本身的函数来解决它。
答案 1 :(得分:0)
在API /服务器端
我也有角度应用程序,它有类似的性能问题(一个差异是:我使用的是高级图,但没有指令-heperchartsNG)。在角度和服务器呼叫结束时,有时当数据太多时,在页面上下载数据需要花费时间。但是你的api响应速度很快,但实际上请求已经停止,需要时间在页面上加载数据并将其提供给highchart /或任何其他dom标签标记。 我的响应数据包含许多字段时间戳,值,平均值等。我优化了查询响应,只返回我所需的字段,以使其更快。
更快地制作图表:
最近,highcharts重新推出了boost.js模块,该模块增强了各种高级图表的性能。它是一个允许在Highcharts中快速加载数十万个数据点的模块。