0
私はこの小さな問題を抱えています。 グラフにドットを追加しようとすると、データの値は加算されますが、ドットは加算されません。 アイデアはありますか?angle io highchart socket io
モジュール==>
import { Component } from '@angular/core';
import * as io from 'socket.io-client';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent{
url = 'http://localhost:5000';
socket : any;
chart : any;
options: any;
v:any;
constructor() {
this.socket = io.connect(this.url);
this.options = {
title: { text : 'chart with dynamic data' },
series: [{
data: [2,3,5,8]
}]
}
this.getMessages();
}
saveInstance(chartInstance) {
this.chart = chartInstance.context;
}
addPoint(n:any) {
this.chart.series[0].addPoint(n);
}
sendMessage(n:any){
this.socket.emit('add-message',n);
}
getMessages() {
this.socket.on('message', (data) => {
console.log(data)
this.addPoint(data);
})
}
}
HTML ==>
<chart [options]="options" (load)="saveInstance($event)"></chart>
<input #v (keyup.enter)="sendMessage(v.value)">
をmorganfree適切なソリューションのTHXだったと問題を再現することはできません。この動作は、numberの代わりにstring/undefinedをポイントとして追加すると発生します。 addPoint()メソッドを使用する前に文字列を数値に変換するかどうかを確認してください。 – morganfree
パーフェクト! ParseInt()はとてもシンプルなソリューションでした... – Nod