kendo-ui-angular2 - 如何将动态内容设置为工具提示？

Question

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

我已经看过这个和这个例子，但我不明白如何做到这一点。

Answer 1

图表提供工具提示模板，如图表工具提示在线演示所示。这些允许创建自定义工具提示：

<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 演示，显示了这一点。