jquery - Angularjs 中的 Kendo-ui 工具提示

Question

我编写了一个简单的 kendo-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>

我还在官方教程页面中发现，我们可以通过将其可见性设置为 true 来显示工具提示，但它是在 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>