13.11  在HTML 5网页中绘制动态折线图

13.11 在HTML 5网页中绘制动态折线图

本实例的功能是,在HTML 5网页中绘制动态折线图,通过Ajax等方法从后台取得服务器端的动态数据来实时更新折线图。本实例设置每250毫秒产生一个随机数的方法来模拟动态数据。

978-7-111-53392-4-Part04-81.jpg

实例文件11.html的实现代码如下。

978-7-111-53392-4-Part04-82.jpg

978-7-111-53392-4-Part04-83.jpg

执行后的效果如图13-11所示。

978-7-111-53392-4-Part04-84.jpg

图13-11 执行效果