HighCharts动态数据刷新

最新推荐文章于 2024-08-16 07:45:12 发布

qq_23660243

最新推荐文章于 2024-08-16 07:45:12 发布

阅读量5.3k

点赞数 1

分类专栏： Java 文章标签： html HighChart 动态刷新

本文链接：https://blog.csdn.net/qq_23660243/article/details/44646017

版权

该博客介绍了如何使用HighCharts结合外部JSON数据生成图表，并提供了将此方法应用于实时数据刷新的示例代码，展示了从后台获取数据更新前端图表的可能性。

摘要由CSDN通过智能技术生成

最近项目用到制表的功能，也就接触到了HighCharts这个工具。说是工具，其实我个人感觉他就是一个第三方的包而已。如果单机使用就得下好她的包然后引用本队路径，如果想用网络的话就用

        <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

引用如上两行。具体怎么用HighCharts表大家可以上官网查看http://www.hcharts.cn/docs/index.php。我这里只是写一个从外部导入一个json文件生成数据制成图表的demo，大家可以把它演变成后台传送实时数据，前台表格动态刷新的功能。直接上代码了：

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="http://cdn.