首先是左边的折线图模块
更改的位置
准备左面的视图对象
准备属性，注意get和set方法
创建对应的服务层接口和实现类
左面线形图的接口方法
接口实现类
编写代码
接上面的代码
接上面的代码
接上面的代码
测试类测试数据的形成
测试结果
我们用在线的JSON工具查看一下
创建一个Servlet
编写web.xml
编写servlet中的代码
接上面的代码
编写index.js
添加var修饰防止前后混淆
切换效果的数据
添加数据
查看效果
右边的折线图模块
首先创建视图对象
编写视图属性，注意get和set方法
接口中填写获取右面线形图数据的方法
接口实现类中实现方法
其中添加的数据大约30条
接上面的代码
接上面的代码
接上面的代码
编写测试方法
查看运行结果
利用在线的JSON工具查看效果
编写右面线形图的Servlet
在web.xml中配置好
编写servlet中的方法
接上面的代码
编写index.js
添加var修饰防止前后混淆
编写载入数据的函数
添加数据
加载数据
查看效果（注意自己改业务层中的数据）