All Components

SharedTooltipTemplateDirective

A directive that selects a template
within the <kendo-chart-tooltip> component to be used for the
shared series tooltip.

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

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-tooltip [shared]="true">
        <template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
            <div> {{ category }} </div>
            <div *ngFor="let point of points">
                {{ point.series.name }} : {{ point.value }}
            </div>
        </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]

In this article