New to Kendo UI for Angular? Start a free 30-day trial

SeriesTooltipTemplateDirective

A directive that selects a template within the <kendo-chart-tooltip> component for the series tooltip. The following context fields are frequently utilized:

  • let-category="category"—The category name.
  • let-dataItem="dataItem"—The original data item used to construct the point. It will be null if binding to an array.
  • let-series="series"—The data series.
  • let-value="value"—The value of the point (either a number or an object).

For the full list of available fields, refer to the TooltipTemplatePoint.

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-tooltip>
         <ng-template kendoChartSeriesTooltipTemplate let-value="value">
            Value is {{value}}
          </ng-template>
      </kendo-chart-tooltip>
      <kendo-chart-series>
        <kendo-chart-series-item [data]="[1, 2, 3]">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>
  `
})
class AppComponent {
}

Selector

[kendoChartSeriesTooltipTemplate]

In this article

Not finding the help you need?