ラベルレベルでグラフィックを更新しようとしていますが、データがあります。ng2-chartsラベルのグラフィックを更新します
私の問題は、私のグラフにラベルとしての日付があることです。私は開始日と終了日の2つのフィールドを設計して、ユーザーがグラフをカスタマイズして自動的に生成できるようにしました。
私の問題は、文字列であるフィールドbarChartLabelsを持っていて、選択した日付の範囲を取得していますが、範囲を拡大または縮小すると、最初と同じ値にとどまります。
私がデータ範囲を照会するたびにラベルをnullにして再生成するたびに、解決策が何であるか分かりません。または、値の数だけラベルを生成する方法がある場合は、回復します。
たとえば、私は4つの日付ラベルを持っています。私は3つのデータしか表示しませんが、正しいことは3つのラベルも表示することです。
私のコンポーネント:まず
mostrarnombre(){
this._invService.getinvfecha(this.fecha1,this.fecha2).subscribe(
response => {
if (!response) {
console.log('error al cargar datos');
} else {
this.resultData = response;
this.barChartLabels = this.resultData.map(item => item.fecha);
var d0=this.resultData.map(item => item.sensorluz1);
var d1=this.resultData.map(item => item.sensorluz2);
var d2=this.resultData.map(item => item.sensorluz3);
this.barChartData.push({data: d0, label: 'sensorluz1'});
this.barChartData.push({data: d1, label: 'sensorluz2'});
this.barChartData.push({data: d2, label: 'sensorluz3'});
let clone = JSON.parse(JSON.stringify(this.barChartData));
clone[0].data = d0;
clone[1].data = d1;
clone[2].data = d2;
this.barChartData = clone;
this.loaded = true;
}
},
error =>{
console.log(<any>error);
}
);
私は画像に見られるように、4列を検索:更新時に
それが唯一の3つの列を表示しなければならないであろうと、それは4を示しますラベルを更新しないためです。写真のように。私は、フィールドを更新する方法がわからない、この問題を解決する可能性がどのように
は
this.barChartLabels = this.resultData.map (item => item.day);
これは私のitem.day含まれています["2017-09-05T11: 15: 06.000Z", "2017-09-05T17: 22: 14.000Z", "2017-09-05T17: 22: 14.000Z", "2017- 09-12T12: 22: 00ZZ "]
はあなたに非常に多くの挨拶に感謝を