tooltip position

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

    Posted 10 Jan Link to this post

    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.

  2. Answer
    Tsvetomir
    Admin
    Tsvetomir avatar
    196 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:

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