在Angularjs剑道的UI提示(Kendo-ui tooltip in Angularjs)

我写了一个简单剑术的UI应用程序，它显示来自JSON的饼图。 我用AngularJS，我怎么也找不到当用户将鼠标悬停在图表上显示工具提示上的参考。

编码片段：

<div kendo-chart
                 k-title="{ text: 'DemoProg', position: 'bottom' }"
                 k-series-defaults="{ type: 'pie' }"
                 k-series="[{
                                field: 'solar',
                                categoryField: 'year',
                                padding: 0
                              }]"
                 k-data-source="yearSource"
                 k-series-hover="onSeriesHover"
                 ></div>

而我也在官方教程页面发现，我们可以通过设置它的知名度，真正显示工具提示，但它在jQuery的。

tooltip: {
                    visible: true,
                    format: "{0}%"
                }

我的问题是我们如何能够显示angularjs工具提示？ 任何帮助，将不胜感激。 谢谢。

Answer 1:

只需添加k-tooltip属性：

<div kendo-chart
             k-title="{ text: 'DemoProg', position: 'bottom' }"
             k-series-defaults="{ type: 'pie' }"
             k-series="[{
                            field: 'solar',
                            categoryField: 'year',
                            padding: 0
                          }]"
             k-data-source="yearSource"
             k-series-hover="onSeriesHover"
             k-tooltip="{visible: true, format: '{0}%'}">
</div>

文章来源: Kendo-ui tooltip in Angularjs