Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何停止图表来绘制图形?_Javascript_Graph - Fatal编程技术网

Javascript 如何停止图表来绘制图形?

Javascript 如何停止图表来绘制图形?,javascript,graph,Javascript,Graph,我正在用它来建立一个线图。我已经完成了所有功能。但我需要在用户单击按钮时停止绘制图形。由于它是基于实时的数据,我不知道如何开始。下面是我学习基于时间的实时数据的链接。正如您在这里看到的,图表是每秒绘制的。如果用户想要放大和分析图形数据,他不能这样做,因为数据每秒都在更新。我的问题是,当用户单击某个按钮(比如“停止”)时,图形应该停止可视化绘制,但每秒钟的数据都应该在后台生成,即使它没有被绘制。当用户单击“继续”按钮时,应将“停止”时间生成的所有数据绘制为“继续”。请给我一个基本的想法,我如何才能

我正在用它来建立一个线图。我已经完成了所有功能。但我需要在用户单击按钮时停止绘制图形。由于它是基于实时的数据,我不知道如何开始。下面是我学习基于时间的实时数据的链接。正如您在这里看到的,图表是每秒绘制的。如果用户想要放大和分析图形数据,他不能这样做,因为数据每秒都在更新。我的问题是,当用户单击某个按钮(比如“停止”)时,图形应该停止可视化绘制,但每秒钟的数据都应该在后台生成,即使它没有被绘制。当用户单击“继续”按钮时,应将“停止”时间生成的所有数据绘制为“继续”。请给我一个基本的想法,我如何才能做到这一点

Fiddle: http://jsfiddle.net/amcharts/ATQUm

快速浏览AmCharts API,我认为您应该基于布尔条件验证数据(调用validateData()方法):如果您需要或不需要重新绘制整个图形(单击停止/继续按钮时更新条件)

发件人:

validateData()-更改数据提供程序中的数据或将新数组设置为数据提供程序后,应调用此方法。调用此方法后,图表将解析数据并重新绘制

更新的小提琴

示例代码:

HTML

<input id="stopBtn" type="button" value="Stop"/>
<input id="continueBtn" type="button" value="Continue"/>
var needsDrawing = true,
    stopBtn = document.getElementById('stopBtn'),
    continueBtn = document.getElementById('continueBtn');

stopBtn.addEventListener('click', function(e) {
    needsDrawing = false;
});

continueBtn.addEventListener('click', function(e) {
    needsDrawing = true;
});