tooltip position

2 posts, 1 answers
  1. Ron
    Ron avatar
    135 posts
    Member since:
    Sep 2011

    Posted 10 Jan Link to this post

    We are using a column chart similar to your demo of:

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



  2. Answer
    Tsvetomir avatar
    238 posts

    Posted 11 Jan Link to this post

    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:

    Kind regards,
    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.
Back to Top