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

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

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

调优建议在图 3——图 7 的测试结果中,由于更新频率为 5s 和 10s 的页面在 8 小时后 Chrome 及其开发者工具崩溃,无法截取性能图表,所以频率为 5s 和 10s 的页面只有 3 个小时的测试结果。从以上性能图表中,可以大体得到以下测试结论及建议:
  • Dojo Chart 更新频率比图表点数对页面性能影响更大;
  • 建议 Chart 更新时间间隔大于 10s。
用于监控对象状态的图表在用于实时监控的业务中,经常会需要监控对象的状态,绘出类似如图 12 的 stacked 图表。
图 12.常用 stacked 图表Dojo Chart 中的 Stacked 相关图表不支持类似清单 3 中的数据结构,所以我们可以用‘Columns’ 类型的图表模拟 Starcked 图表,实现类似图 13 的模式。
图 13 .‘Columns’模拟 Stacked 图表在图 13 中,绘制清单 3 中 String 类型的’healthState’数据,我们可以根据具体的业务逻辑修改_valTrans()函数,设置该点的’fill’和’stroke’参数来改变该点的样式。
结束语本文介绍主要从实现实时图表的业务需求出发,探讨和试验如何使用 Dojox.Charting 实现效果及性能良好的实时图表,对几种实现方法分别进行了简单介绍和测试,使用 Dojox.Charting 以及数组作为 series 数据源是在试验过程中,可扩展性最强,性能较好的一种实现方式,并且可以通过控制图表更新时间,得到更优的性能。同时,介绍了 Chart 重要函数或组件的接口参数,并使用文中具体的业务逻辑进行参数配置和数据转换,得到相应样式的图表。读者可以根据自身业务需求做相应变换。
返回列表