Как добавить диаграмму спарклайна в угловую сетку кендо? - PullRequest
Новая
       48

Как добавить диаграмму спарклайна в угловую сетку кендо?

0 голосов
/ 21 июня 2019

Я пытаюсь, чтобы первый столбец в моей сетке отображал пулевую диаграмму. 

<kendo-grid-column>
    <ng-template kendoChartSeriesTooltipTemplate let-value="value">
      <div>
        <kendo-sparkline [data]="bulletData" type="bullet" [valueAxis]="bulletValueAxis">
        </kendo-sparkline>
      </div>
    </ng-template>
  </kendo-grid-column>

 public bulletData: any[] = [21, 23];
  public bulletValueAxis: any = {
    min: 0,
    max: 30,
    plotBands: [{
      from: 0, to: 15, color: "#787878", opacity: 0.15
    }, {
      from: 15, to: 22, color: "#787878", opacity: 0.3
    }, {
      from: 22, to: 30, color: "#787878", opacity: 0.15
    }]
  };

В столбце ничего не отображается. Это просто пусто.

1 Ответ

0 голосов
/ 21 июня 2019

Директива для использования в ng-template - это kendoGridCellTemplate для отображения диаграммы в первом столбце (не kendoChartSeriesTooltipTemplate).

Далее, убедитесь, что вы import 'hammerjs';

Смотрите полный пример Stackblitz здесь:

https://stackblitz.com/edit/angular-bxspfv

...