2016-11-24 81 views

回答

3

该图表提供了工具提示模板,如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

+0

完美!非常简单!谢谢! – jecabeda

+0

感谢您的帮助。只是让你知道链接现在被打破。 – Michael

+0

以下是链接:http://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesTooltipTemplateDirective/。在TooltipComponent帮助页面上链接到此将会很有帮助。我接受它,我们无法访问dataItem? – Michael

相关问题