Рендеринг разных графиков в зависимости от выпадающего значения в Angular - PullRequest
Новая
       35

Рендеринг разных графиков в зависимости от выпадающего значения в Angular

0 голосов
/ 22 октября 2018

У меня есть выбор циновки с некоторыми опциями, и я отображаю линейный график Google на основе данных value, сопоставленных с конкретными опциями.

Когда я изменяю выбор, я вижуvalue изменяется с помощью функции selectionChange($event), и нужные мне данные также верны, однако, div диаграммы не обновляется / перерисовывается.

Как мне сделать так, чтобы он обновлялся при изменении опции.

Вот мой код: 

<mat-form-field class="cDropdown">
      <mat-select [(ngModel)]="ids[a.name]"  panelClass="selectplantdropdown" (selectionChange)="onChangeEvent($event)">
        <mat-option [value]=a.id>{{ a.name }}</mat-option>
        <ng-container *ngFor="let b of temp">
        <mat-option [value]=b.id (click)="switchCustomer()">
          {{ b.name }}
        </mat-option>
      </ng-container>
      </mat-select>
    </mat-form-field>

Это div для линейного графика 

<div style="font-weight: bolder; padding: 10% 40%">{{ chartData[ids[a.name]][0].data[1] }} {{ ids[a.name] }} CHART GOES HERE
</div> /*I can see the values changing here as well*/
<div>
     <app-linechart [data]="chartData[ids[a.name]][0].data" [config]="config" [elementId]="ids[a.name]"></app-linechart>
</div>

РЕДАКТИРОВАНИЕ: Это функция onChangeEvent ($ event) из файла .ts 

onChangeEvent(event) {
    console.log(event.value);
    console.log(JSON.stringify(this.chartData[event.value][0].data));
}
...