如何将动态内容设置为工具提示？

Question

我需要调用 api 来 return 工具提示内容。有谁知道，在设置工具提示时，如何访问 dataItem 中的参数，将它们传递给 return 工具提示内容的函数？

我看过 this and this example 但我不明白该怎么做。

Answer 1

图表提供工具提示模板，如chart tooltip online demos所示。这些允许创建自定义工具提示：

<kendo-chart-tooltip>
  <template kendoSeriesTooltipTemplate let-value="value">
      Default Content {{ value }}
  </template>
</kendo-chart-tooltip>

您可以在 value 上使用管道来处理它，或呈现自定义组件。如果需要，每个系列都可以有自己的自定义工具提示：

<kendo-chart-series-item>
  <kendo-chart-series-item-tooltip>
    <template let-value="value">
       Series 1 value: {{ value }}
    </template>
  </kendo-chart-series-item-tooltip>
</kendo-chart-series-item>

要进行 API 调用，请创建一个组件来发出请求（并可能缓存它）并在工具提示模板中使用它：

<kendo-chart-tooltip>
  <template kendoSeriesTooltipTemplate let-value="value">
     <my-series-details-tooltip [value]="value"></my-series-details-tooltip>
  </template>
</kendo-chart-tooltip>

这里是plunker demo that shows this.

如何将动态内容设置为工具提示？

How to set dynamic content to a tooltip?

kendo-ui-angular2