Подсказка кендо-пользовательского интерфейса в Angularjs

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>