javascript - 如何减慢 Highcharts 绘图速度-6ren

javascript - 如何减慢 Highcharts 绘图速度

转载作者：行者123 更新时间：2023-11-27 23:05:46

24

4

1.你好，我想知道你的意见。我试图绘制从数据库中获取的一些信号。一切运行良好，我想在 10 秒窗口内绘制心电图信号。我一次采集 2500 个样本，通过 Json 发送并绘制而不是通过 Highcharts JS 发送。问题是渲染 JS 默认绘制时间为 500 毫秒。我希望它的情节更像是医院的监控......以放慢速度。如何做呢？

2.请问您是否知道是否有可能将 X 轴设置为计数器，以便在每次渲染新图表时标记值？就像每渲染 1250 个值一样，它会在 X 轴上显示 5，2500 后它将是 10.......我想将其从计数值更改为时间轴......值的频率是 250 毫秒

这是代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
  <script src="http://code.highcharts.com/highcharts.js"></script>
  <script> 

  var ID = 1;

 $(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'line', 
            animation: 'false'
        },
        series: [{marker: {
                    enabled: false
                }}]
    };

    function posielanie () {
      $.getJSON("data.php",{posielam : ID},  function(data) {
        options.series[0].data = data;
        console.log(data);
        var chart = new Highcharts.Chart(options);
        ID = ID+2500;
      });
      setTimeout(posielanie, 2000);      
    }
    posielanie ();                    
});


  </script>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
    <div id="container" style="height: 300px"></div>
  </body>
</html>

和data.php

<?php

header('Content-Type: application/json');

$con = mysqli_connect("ADRESS","USER","PSW","TBL");


$a= $_GET['posielam'];  

if (mysqli_connect_errno($con))
{
    echo "Failed to connect to DataBase: " . mysqli_connect_error();
}else
{
      $result = mysqli_query($con, "SELECT * FROM samples LIMIT $a, 2500 ");     
     while ( $row= mysqli_fetch_array($result)){
      $out[]=$row['sample'];
     }

    echo json_encode($out, JSON_NUMERIC_CHECK);   
}
mysqli_close($con); 

?>

最佳答案

您需要像这样使用plotOptions.series.animation选项:

    plotOptions: {
        series: {
            animation: {
                duration: 1000
            }
        }
    },

Example fiddle - 尝试更改持续时间以查看不同的渲染时间

Link to relevant Highcharts docs

关于javascript - 如何减慢 Highcharts 绘图速度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36602676/

24

4

0

文章推荐： javascript - 将自定义触发器添加到动态创建的元素

文章推荐： javascript - 新手尝试让 localStorage 工作

文章推荐： javascript - 根据用户输入的过滤标记 leaflet.js

文章推荐： c++ - 公开定义对象，但在构造函数中创建它

ios7 - 减慢 UISnapBehavior
我正在使用 UISnapBehavior，但它的捕捉速度太快了，我不喜欢。有没有办法让它慢下来？或者换句话说:有没有办法用它应该捕捉的点来调整物体的弹性？最佳答案我能够通过将 View 附加到 U
eclipse - 减慢 SWTBot 执行速度
我想减慢 SWTBot 的执行速度。我已经找到了这个 wiki: https://wiki.eclipse.org/SWTBot/FAQ#Can_I_slow_down_the_execution_
debugging - 减慢 gdb 以重现错误
我的应用程序中有一个计时错误，只有在我使用 valgrind 时才会发生，因为 valgrind 会大大减慢进程的速度。 (它实际上是一个我无法本地化的 boost::weak_ptr-excepti
javascript - 减慢 Canvas 上图像的移动速度
问题我正在创建一个涉及躲避射弹的游戏。玩家控制着一艘船的图像，我不希望船完全一起移动，因为这看起来非常不现实。问题有没有办法控制图像移动的速度，如何减慢图像的移动速度？代码 var game
ios - 减慢 CADisplayLink 间隔
我在我的 iOS 应用程序中使用了 NSTimer，但由于 SetNeedsDisplay，我没有得到我想要的结果。我做了一些研究并找到了 CADisplayLink，它为我提供了我想要的动画结果。
java - 减慢 Java For 循环中对象的移动速度
我目前正在开发一个项目，当按下按钮时，该项目会将圆从一个空间移动到另一个空间。我的设计如下:当按下按钮时，它会在 for 循环中从 0 到 10 增加圆的坐标。问题是，我想要的 for 循环运动没有
swift - 减慢 CAGradientLayer 动画速度
我想缓慢地制作一个三色渐变动画。我有一个自定义UIView，如下所示: class MyView: UIView, CAAnimationDelegate { lazy var gradient
swift - 减慢 didReceiveMemoryWarning() 中的进程
当 RAM 达到 x 内存量或调用 didReceiveMemoryWarning() 时，是否有办法减慢处理器速度？ func didReceiveMemoryWarning() { sup
ios - 减慢 UITableView 中的行插入动画
有没有办法减慢行插入/删除动画的速度？在我的特殊情况下，我通过在我的单元格下方添加/删除行来扩展/折叠单元格，我想稍微放慢动画速度。最佳答案我正在使用以下技巧在我的项目中以动画方式插入/删除表格
javascript - 减慢 Bootstrap 滚动顶部
我的 Logo 和页脚中有 scroll-top 属性，但我离页面顶部越远，它向上滚动的速度就越快!所以当我从页面底部滚动到顶部时，它就像火箭一样!我将如何放慢速度？我找不到足够具体的答案可以看看l
ios - 减慢 UIDynamicAnimator 的动画
我想放慢由我的 UIDynamicAnimator 生成的动画，以便我可以微调我的 UIDynamicBehaviors。在 ios 模拟器中，调试菜单下有一个菜单选项，标签为“在最前面的应用程序中
ios - 减慢 iOS 动画调试？
在 OS X 上，可以按住 Shift 键使动画变慢。有什么方法可以通过远程调试器或 Instruments 将其应用于 iOS 吗？ (或者，我可以在 QuickTime 中录制并逐帧回放，但我宁愿
css - 减慢 CSS 不透明度动画
我想在 .opacity CSS 属性中减慢动画时间。就像，我希望它延迟 0.2 毫秒或类似的东西。为了获得更好的想法，将鼠标悬停在我网站上的精选帖子上时会添加不透明度:http://www.the
swift - 减慢 UIPageViewController 分页
我希望我的 UIPageViewController 在用户的手指离开屏幕时缓慢滚动到下一页。比默认情况下慢。如果可能的话，对其减速曲线等进行更多控制。我不想使用 SCPageViewControl
javascript - 减慢 javascript 自动滚动功能
我发现了这个 javascript 自动滚动函数，并通过将其粘贴到 WordPress 站点的头文件中来使其工作。但是，我想减慢滚动速度，以便它不会立即捕捉到页面底部。我是 javascript 的
ios - 减慢 UIScrollView 滚动
我正在使用 UIScrollView 以编程方式为某些内容设置动画。但是，我需要减慢 View 的滚动速度。这是我用于滚动的代码: self.scrollView.setContentOffset
javascript - 减慢 Jquery 滚动的速度
我一直在使用 jQuery 滚动来增强我的视差滚动页面。具体来说就是这个。 JQuery Scroll to Next Section 我对 jQuery 完全陌生(过去只使用过一些相当基本的 Jav
c++ - 减慢 Windows 进程？
如何减慢 Windows 进程？我知道我需要 Hook QueryPerformanceCounter 但接下来我需要做什么？需要 Delphi 或 C++ 方面的帮助最佳答案我不确定我是否理
tcp - 在服务器端控制(减慢)下载
我想在我这边控制下载量/速度——在服务器端也一样(礼貌一点)。...不是“我自己的下载管理器”。让我们想象一下:我允许我的儿子每天从 utube 下载最多 500Mb，但他仍然启动了一个 sessi
javascript - 减慢的执行速度
在我的网站上，我有多个 href's，我需要在点击它们和加载它们之间添加延迟。由于有数百个 hrefs，我不能为每个单独的 js 函数。我研究过的两种方法是，将 href 的内容作为变量传递给 ja

首页

博学

6Ren·AI

商城

javascript - 如何减慢 Highcharts 绘图速度