Tooltip positioning in angular bar charts

[Jaspreet]

Hi,

The position of tooltip in bar charts is at top bar-line by default. Can this position be changed to the middle of the bar chart . While going through the documentation we didn't find any property to set the position. Please suggest.

Regards,

Jaspreet

[Georgi Denchev]

Hello, Jaspreet,

You can use css to change the position of the tooltip as my colleague has mentioned in this thread.

Applying a top margin will move the tooltip downwards:

  <style>
    div.k-tooltip.k-chart-tooltip {
      margin-top: 50px;   
    }
  </style>

Dojo example:

https://dojo.telerik.com/@gdenchev/iViTaPoM 

Best Regards,
Georgi Denchev
Progress Telerik