首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

Dojo Chart 动态绘图及性能调优(4)

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 个小时。
返回列表