New to Kendo UI for Angular? Start a free 30-day trial
SharedTooltipTemplateDirective
A directive that selects a template
within the <kendo-chart-tooltip>
component for the
shared series tooltip.
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-tooltip [shared]="true">
<ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
<div> {{ category }} </div>
<div *ngFor="let point of points">
{{ point.series.name }} : {{ point.value }}
</div>
</ng-template>
</kendo-chart-tooltip>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [categories]="['A', 'B', 'C']">
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
<kendo-chart-series>
<kendo-chart-series-item name="A" [data]="[1, 2, 3]">
</kendo-chart-series-item>
<kendo-chart-series-item name="B" [data]="[1, 2, 3]">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
`
})
class AppComponent {
}
Selector
[kendoChartSharedTooltipTemplate]