NavigatorSeriesComponent

Copy Codeimport { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-stockchart>
        <kendo-chart-navigator>
            <kendo-chart-navigator-series>
                <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
                </kendo-chart-navigator-series-item>
            </kendo-chart-navigator-series>
        </kendo-chart-navigator>
    </kendo-stockchart>
  `
})
class AppComponent {
  public data: any[] = [];

  constructor() {
     for (let idx = 0; idx < 100; idx++) {
         this.data.push({
             date: new Date(2017, 0, idx),
             value: Math.random() * 100
         });
     }
  }
}