2

我有性能问题/问题。我正在使用 angular 和 highcharts-ng 在单页中渲染大约 80 个区域图。当加载数据并且 Angular 将其绑定到图表时，我的浏览器在大约 2 秒内没有响应。这可能不是很大的数量，但仍然......

  1. 是什么原因？这是角度到图表的绑定问题还是只是由 highcharts 绘制的图表？

  2. 有可能让它更快一点或者只是让它不挂浏览器？

编辑：

响应来自服务器非常快。数据量非常小。当我关闭图表 (ng-if="false") 时，剩余数据加载速度非常快，没有任何性能问题。

每个面积图最多有 12 个数据点。

4

2 回答 2

3

旧帖子，但万一其他人遇到类似情况，请注意您在 highcharts-ng 中放入数据对象的内容。一切都受到关注。就我而言，我将对象数组放入图表数据中，以便在单击图表段时查看详细信息。然而，随着摘要周期变得巨大，这导致了可怕的性能问题。我通过将一个返回数组的函数而不是数组本身放入图表数据中来解决它。

于 2016-02-24T05:54:56.177 回答
0

在 API/服务器端

我也有角度应用程序，它在性能方面存在类似问题（一个差异是：我使用的是 highcharts 但没有指令-highchartsNG）。在角度和服务器调用结束时，有时当数据太多时，需要花费时间在页面上下载数据。但是，您的 api 响应很快，但实际上请求已停止，并且需要时间在页面上加载数据并将其提供给 highchart/或任何其他 dom 标签标记事物。我的响应数据有许多字段时间戳、值、平均值等。我优化了查询响应以返回我所需的字段，以使其更快。

为了使图表渲染更快：

最近 highcharts 发布了 boost.js 模块，增强了各种 highcharts 图表的性能。它是一个允许在 Highcharts 中快速加载数十万个数据点的模块。

见这里Highcharts Boost.js 模块官方页面

于 2015-10-23T15:05:00.207 回答