title: Kendo-ui tooltip in Angularjs
body: <p>I wrote a simple kendo-ui app, which displays a pie chart from JSON. I used AngularJS and i couldn't find a reference on how to display a tooltip when the user hovers on the chart. </p>
  
  <p><strong>Coding snippet:</strong></p>
  
  <pre><code>&lt;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"
                   &gt;&lt;/div&gt;
  </code></pre>
  
  <p>and i also found out in the official tutorial page, we can show the tooltip by setting it's visibility to true but it's in jQuery.</p>
  
  <pre><code>tooltip: {
                      visible: true,
                      format: "{0}%"
                  }
  </code></pre>
  
  <p>My question is how can we show a tooltip in angularjs?
  Any help would be appreciated. Thank you.</p>