New to Kendo UI for Angular? Start a free 30-day trial
SeriesTooltipTemplateDirective
Represents 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 benullif 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.
ts
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]