This is a migrated thread and some comments may be shown as answers.

tooltip position

1 Answer 146 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 10 Jan 2019, 04:32 PM

Hello,
We are using a column chart similar to your demo of:
https://demos.telerik.com/kendo-ui/bar-charts/column


In this demo the tooltips always appear to the left/right side of the hovered column. Is there a way to set the tooltip location so it will be presented above the column (i.e. column top)?


Thanks,

Ron.

1 Answer, 1 is accepted

Sort by
0
Accepted
Tsvetomir
Telerik team
answered on 11 Jan 2019, 02:35 PM
Hi Ron,

The Kendo UI Chart's tooltip can be positioned on top of the series by setting negative margins as follows:

div.k-tooltip.k-chart-tooltip {
  margin-left: -50px;
  margin-top: -50px;  
}

You can check out the corresponding Dojo sample here:

https://dojo.telerik.com/InuYUSUs


Kind regards,
Tsvetomir
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Charts
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Tsvetomir
Telerik team
Share this question
or