Kendo-ui tooltip in Angularjs

Question

Я написал простое приложение kendo-ui, в котором отображается круговая диаграмма от JSON. Я использовал AngularJS, и я не мог найти ссылку на то, как отображать всплывающую подсказку, когда пользователь наводится на диаграмме.

Coding фрагмент:

<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>