标题: Dojo Chart 动态绘图及性能调优（4） [打印本页]

---

作者: look_w    时间: 2018-10-19 21:18     标题: Dojo Chart 动态绘图及性能调优（4）

性能测试在以上几节中，我们尝试使用数组和 StoreSeries 分别作为数据源进行实时更新，经测试，直接使用数组要比使用 StoreSeries 性能略好。
在使用实时更新图表的业务中，例如数据监控等，常常需要运行几个小时或更长时间，那么图表的性能优劣尤其重要，有时可能会造成浏览器崩溃等问题。
在性能测试时，主要关注页面上绘图的点数，以及更新频率，对页面性能的影响，使用 Chrome 自带的开发者工具（可用快捷键 F12 或 Ctrl+Shift+J 进入），观察页面占用的内存。
图 2.测试页面在图 2 测试页面的每个图含有 2 条曲线，每条曲线 50 个点，通过增加图的数量模拟增加点数，例如，图 2 页面中含有 2 个图，页面共模拟 200 个点的情况；每个图的更新频率一致。
测试结果如下：
图 3.200 点/5s 更新一次的页面性能上图中，页面占用的内存从 5.0M——22.1M 波动，测试时间 3 小时。
图 4.200 点/10s 更新一次的页面性能上图中，页面占用的内存从 4.9M——19.2M 波动，测试时间 5 个小时。
图 5.200 点/20s 更新一次的页面性能上图中，页面占用的内存从 3.9M——19.4M 波动，测试时间 15 个小时。
图 6.200 点/30s 更新一次的页面性能上图中，页面占用的内存从 3.8M——19.2M 波动，测试时间 15 个小时。
图 7.200 点/60s 更新一次的页面性能图中，页面占用的内存从 3.7M——14.2M 波动，测试时间 15 个小时。
图 8.400 点/10s 更新一次的页面性能图中，页面占用的内存从 5.6M——21.7M 波动，测试时间 3.5 个小时。
图 9.400 点/20s 更新一次的页面性能图中，页面占用的内存从 5.6M——20.4M 波动，测试时间 3.5 个小时。
图 10.400 点/30s 更新一次的页面性能图中，页面占用的内存从 4.5M——20.2M 波动，测试时间 3.5 个小时。
图 11.400 点/60s 更新一次的页面性能图中，页面占用的内存从 5.1M——19.8M 波动，测试时间 3.5 个小时。

---

欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)

Powered by Discuz! 7.0.0