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

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

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

图示

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

图示

图示(https://www.daowen.com)

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

图示

图13-11 执行效果