如何将动态内容设置为工具提示?
答
该图表提供了工具提示模板,如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>
完美!非常简单!谢谢! – jecabeda
感谢您的帮助。只是让你知道链接现在被打破。 – Michael
以下是链接:http://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesTooltipTemplateDirective/。在TooltipComponent帮助页面上链接到此将会很有帮助。我接受它,我们无法访问dataItem? – Michael