如何使用anychart制作实时仪表图?
how to make real time gauge chart using anychart?
我使用 node.js 和 javascript 创建程序。
我想使用 anychart 创建一个实时仪表,但是尽管数据来自 socket.io.
,anychart 仪表图表并没有改变
我想访问 anychart gauge 图表对象并更改从套接字接收到的数据。
我该如何解决这个问题?
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]);
我使用 node.js 和 javascript 创建程序。
我想使用 anychart 创建一个实时仪表,但是尽管数据来自 socket.io.
,anychart 仪表图表并没有改变我想访问 anychart gauge 图表对象并更改从套接字接收到的数据。
我该如何解决这个问题?
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]);