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

Question

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

我见过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。