[发明专利]一种基于插件的动态图表加载方法

说明书

技术领域

本发明涉及计算机领域中的数据可视化技术领域，具体地说是一种基于插件的动态图表加载方法。

背景技术

数据可视化，是关于数据视觉表现形式的科学技术研究。是将大型数据集中的数据以图形图像形式表示，并利用数据分析和开发工具发现其中未知信息的处理过程。它是一个处于不断演变之中的概念，其边界在不断地扩大。主要指的是技术上较为高级的技术方法，而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面，通过表达、建模以及对立体、表面、属性以及动画的显示，对数据加以可视化解释。与立体建模之类的特殊技术方法相比，数据可视化所涵盖的技术方法要广泛得多。数据可视化作为计算机领域的一种重要技术越来越受到人们的关注。可视化图表怎样进行友好的数据展示、怎样进行动态的数据加载就显得越来越重要。

发明内容

本发明的技术任务是提供一种基于插件的动态图表加载方法。

本发明的技术任务是按以下方式实现的，该基于插件的动态图表加载方法是：在日期控件中修改代码使日期改变后能被监测到，并且能把日期数据传到后台中；在后台中对日期数据进行处理，把日期数据转换成时间戳，然后以此为条件查询体检数据库，把查询出的数据转换成图表能够识别的数据返回前台，最终在可视化图表中显示出来。

该基于插件的动态图表加载方法步骤如下：

步骤1）通过daterangepicker插件选择日期，在日期插件代码中编写onChange()函数，onChange()中调用putData()函数；

步骤2）日期改变后，触发该函数然后把日期传输到后台中去；

步骤3）传输到后台的日期保存到session中，并通过此日期来查询体检数据库；

步骤4）把符合条件的数据保存到List中，并把保存的数据转换成json数据；

步骤5）转换成json的体检数据通过ajax技术传到前台putData()函数中；

步骤6）最后把符合选择日期的数据通过函数展现到图表中去以实现图表的动态刷新；

步骤7）当点击其它页面时，后台会自动获取保存到session中的日期数据，然后重复上述步骤3）-步骤6），把数据展示到可视化图表中。

所述的步骤2）中日期通过ajax技术传输到后台中去。

本发明的一种基于插件的动态图表加载方法和现有技术相比，具有设计合理、使用方便的特点，该方法将数据实现可视化图表的展示，并能进行动态的数据加载。

附图说明

附图１为一种基于插件的动态图表加载方法的流程框图。

具体实施方式

　　实施例1：

该基于插件的动态图表加载方法是：在日期控件中修改代码使日期改变后能被监测到，并且能把日期数据传到后台中；在后台中对日期数据进行处理，把日期数据转换成时间戳，然后以此为条件查询体检数据库，把查询出的数据转换成图表能够识别的数据返回前台，最终在可视化图表中显示出来。

该基于插件的动态图表加载方法步骤如下：

步骤1）通过daterangepicker插件选择日期，在日期插件代码中编写onChange()函数，onChange()中调用putData()函数；

onChange:function(){

putData();

putData1();

}

步骤2）日期改变后，触发该函数然后把日期通过ajax技术传输到后台中去；

data:{weightDate:$(#dateInterval).val()}

步骤3）传输到后台的日期保存到session中，并通过此日期来查询体检数据库；

request.getSession().setAttribute(d1,weightD[0])

request.getSession().setAttribute(d2,weightD[1])

Stringsql=select*fromhealthwhereaddtime>=+timeStemp1+andaddtime<+timeStemp2+anduid=+uid

步骤4）把符合条件的数据保存到List中，并把保存的数据转换成json数据；

Stringresult=gson.toJson(resultList)

步骤5）转换成json的体检数据通过ajax技术传到前台putData()函数中；

success:function(data){