2017-02-27 19 views
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)"> 
+1

をmorganfree適切なソリューションのTHXだったと問題を再現することはできません。この動作は、numberの代わりにstring/undefinedをポイントとして追加すると発生します。 addPoint()メソッドを使用する前に文字列を数値に変換するかどうかを確認してください。 – morganfree

+0

パーフェクト! ParseInt()はとてもシンプルなソリューションでした... – Nod

答えて

1

のparseInt()は、あなたのコードは完全ではありませんあなたは

関連する問題