jquery结合highcharts插件显示实时数据动态曲线图

最新推荐文章于 2022-10-20 12:33:28 发布

yinxianluo

最新推荐文章于 2022-10-20 12:33:28 发布

阅读量7.9k

点赞数

分类专栏： JAVA开发文章标签：动态数据曲线图

本文链接：https://blog.csdn.net/yinxianluo/article/details/51537221

版权

本文介绍了如何结合jQuery和Highcharts插件来实现动态数据的实时曲线图展示。通过示例代码和HTML结构，展示了如何动态更新图表数据，达到数据可视化的效果。

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

效果如图所示：

js代码如下：

  1 $(document).ready(function() {
  2     Highcharts.setOptions({
  3             global: {
  4                 useUTC: false
  5             },
  6             colors:"#08c,#ff5a00".split(","),
  7             symbols: ["circle","triangle"]
  8         });
  9   
 10         var options = {
 11             chart: {
 12                 renderTo: 'container',
 13                 type: 'spline',
 14                 marginRight: 10,
 15                 events: {
 16                     load: function() {