charts - 使用 zingchart.exec 方法时出现严重延迟

Question

所以我一直在使用 zingchart API 来构建我的应用程序，但我注意到的一件事是在使用某些 zingchart.exec 操作(例如“setdata”和“showplot”)时出现非常严重的延迟'。这些似乎花费了异常多的时间，我想知道是否有使用这些方法的替代方法，或者是否有某种方法可以加快它们的执行速度。结合上下文来看，我使用的旧图表 API 会在不明显的时间内更改和更新图表，而 zingchart 方法每次执行和更新图表可能需要 1-2 秒以上。提前致谢。 -b

Answer 1

ZingChart 团队的 Mike 又来了。

如果您还没有查看过 ZingChart 的 API 方法，这里有很多方法:http://www.zingchart.com/docs/api/api-methods/ 。现在来了解一下 ZingChart 底层如何工作的技术知识...

每个 API 方法都有不同级别的图表修改，有些比另一个更激进。

例如，让我们采用方法removenode。该方法调用只是从指定的绘图和节点索引中删除一个节点。在底层，ZingChart 检查 API 调用的副作用并确定需要在图表上重新绘制的内容。有时 ZingChart 可以从图表中删除单个节点，有时需要重新绘制刻度。无论哪种方式，这都是对一个区域的孤立更改，因此 ZingChart 可以优化其需要执行的计算量。

现在让我们采用更激进的 API 方法，例如 setdata。这种方法非常强大，可以让用户更改图表本身的任何部分。代价是性能下降。 ZingChart 不知道要隔离哪个区域的更改，因此它必须重新绘制整个图表。

提高 ZingChart 性能的最佳方法是选择最接近您需要执行的操作的 API 方法。 -- 是的，有时您将不得不使用“暴力”setdata。但是，如果您发现您需要一些不存在的 API 方法，或者需要对它们进行性能优化，我们非常乐意与您合作解决问题并实现解决方案，以提高库的可用性。 support@zingchart.com 将是最好的联系方式。

<小时/>

另一方面，我猜测您正在使用上一个 S/O 问题 Dynamically adding scale markers? 中提供的示例中的 Angular 指令。 ？

我创建的角度指令有 3 种修改图表的方法:

1. zc 值
2. zc-json
3. zc 渲染

每种方式都有其自身的性能和功能权衡。 zc-values 利用 ZingChart 的 setseriesvalues，而 zc-json 使用 setdata。该指令实际上是这些方法调用的包装器，并且没有充分利用 ZingChart 可用的每个 API 方法调用。因此，它本质上比普通 ZingChart 库的性能要差。详细说明该指令的资源:http://www.zingchart.com/blog/2015/03/05/zingchart-angularjs/

如果您需要对指令进行更多扩展以接受不同的 API 方法，我非常乐意接受拉取请求。