matengmin的gravatar头像
matengmin 2015-06-14 10:01:33

highchart部署Tomcat实现jsp页面显示动态曲线

使用highchart部署Tomcat实现动态曲线,可以设置更新时间,可以设置成1秒更新一次(注意单位是毫秒),本文设置的是100毫秒更新一次在new Highcharts.Chart的load函数里边设置更新周期,并添加数据。主要参数也是在这里边设置了,可以自己看下,很简单的代码,一看就懂。项目截图如下:

highchart部署Tomcat实现jsp页面显示动态曲线

部署好Tomcat,在浏览器上访问http://localhost:8080/monitor/a.jsp即可看到动态更新的折线图

运行图如下所示:

highchart部署Tomcat实现jsp页面显示动态曲线


打赏

文件名:monitor.rar,文件大小:93.583K 下载
  • /
      • /monitor
        • /monitor/.classpath
        • /monitor/.mymetadata
        • /monitor/.project
          • /monitor/.settings
            • /monitor/.settings/.jsdtscope
            • /monitor/.settings/org.eclipse.wst.jsdt.ui.superType.container
            • /monitor/.settings/org.eclipse.wst.jsdt.ui.superType.name
          • /monitor/WebRoot
            • /monitor/WebRoot/a.jsp
            • /monitor/WebRoot/index.jsp
              • /monitor/WebRoot/js
                • /monitor/WebRoot/js/exporting.js
                • /monitor/WebRoot/js/highcharts.js
最代码相关代码源代码列表相关代码
最代码最近下载分享源代码列表最近下载
Highlighz  LV4 4月8日
danvess  LV1 2019年8月5日
mkk1122  LV1 2019年5月31日
liudadou  LV3 2019年5月15日
19870520  LV2 2019年4月17日
cheerupjs  LV2 2019年3月5日
jaonsang  LV25 2019年2月7日
782175883  LV2 2018年10月17日
sdtzwss  LV12 2018年10月17日
wsg521  LV1 2018年10月9日
最代码最近浏览分享源代码列表最近浏览
Highlighz  LV4 4月8日
fesfefe  LV13 2023年10月24日
陆程江  LV2 2023年5月28日
huangjie123456  LV5 2022年4月22日
huaua7676  LV30 2021年7月18日
Coincidance  LV8 2020年12月3日
兔子lq523  LV2 2020年6月15日
mytomye 2020年6月7日
暂无贡献等级
1dream  LV1 2020年5月26日
cpla1998  LV8 2020年5月21日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友