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 benull
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
.
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]