Tooltip positioning in angular bar charts

1 Answer 24 Views
Charts ToolTip
Jaspreet
Top achievements
Rank 1
Iron
Veteran
Jaspreet asked on 21 May 2021, 02:44 PM

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

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 26 May 2021, 07:40 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Charts ToolTip
Asked by
Jaspreet
Top achievements
Rank 1
Iron
Veteran
Answers by
Georgi Denchev
Telerik team
Share this question
or