Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/36.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 如何使用anychart制作实时仪表图?_Javascript_Node.js_Gauge_Anychart - Fatal编程技术网

Javascript 如何使用anychart制作实时仪表图?

Javascript 如何使用anychart制作实时仪表图?,javascript,node.js,gauge,anychart,Javascript,Node.js,Gauge,Anychart,我使用node.js和javascript创建程序 我想使用anychart创建一个实时仪表,但是anychart仪表图不会改变,尽管数据来自socket.io 我想访问anychart仪表图表对象并更改从套接字接收的数据 我怎样才能解决这个问题 anychartObj = new RealTimeAnyChart(elementId); chartArrayList.push(anychartObj); function RealTimeAnyChart(elemntId){

我使用node.js和javascript创建程序

我想使用anychart创建一个实时仪表,但是anychart仪表图不会改变,尽管数据来自socket.io

我想访问anychart仪表图表对象并更改从套接字接收的数据

我怎样才能解决这个问题

anychartObj = new RealTimeAnyChart(elementId);
chartArrayList.push(anychartObj);

function RealTimeAnyChart(elemntId){

        this.dataSet = anychart.data.set([15]);
        this.gauge = anychart.gauges.circular();
        this.gauge.data(this.dataSet);
        this.gauge.container(elementId);
        this.gauge.draw();
}

socket.on(' ',function(){
    chartArrayList.gauge = value ?? this part is problem..
}

您可以创建新的数据集并将其应用于圆形仪表,如下所示:

socket.on(' ',function(){
var newData = anychart.data.set([20]);
chartArrayList.gauge.data(newData);
}
dataSet.data([20]);
如果您有权访问现有数据集对象,则可以将新数据应用于旧数据集,而不创建新数据集。你可以这样做:

socket.on(' ',function(){
var newData = anychart.data.set([20]);
chartArrayList.gauge.data(newData);
}
dataSet.data([20]);

更改数据后,需要重新绘制图表以反映新值。或者你也可以读到这篇文章,也许你所附的代码中有一个非故意的(?)打字错误。您可以在
RealTimeAnyChart
函数中将
elemntId
列为一个参数,但稍后将参考
elementId