How to show marker tooltips when hovering over axis labels

8 posts, 1 answers
  1. Aida
    Aida avatar
    5 posts
    Member since:
    Jun 2020

    Posted 10 Jun Link to this post

    How to show the tooltip shown in the screenshot when hovering (mouseenter) over (x) axes labels?

    Thanks in advance

  2. Aida
    Aida avatar
    5 posts
    Member since:
    Jun 2020

    Posted 11 Jun in reply to Aida Link to this post

    This problem happened when I have updated the Kendo UI version to 2020.2.513!

    Any thoughts?

     

  3. Nikolay
    Admin
    Nikolay  avatar
    222 posts

    Posted 12 Jun Link to this post

    Hello Aida,

    If I understand correctly after upgrading to Kendo UI 2020.2.513 the Chart tooltip is no longer showing. Please correct me if I am wrong.

    Are there any JavaScript errors in the browser console?

    After upgrading, please ensure the Kendo UI JavaScript and CSS Files are correctly referencing the new product version. For more information please refer to the following documentation article:

        <link href="https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.common.min.css" rel="stylesheet" />
        <link href="https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.default.min.css" rel="stylesheet" />
        <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
        <script src="https://kendo.cdn.telerik.com/2020.2.513/js/kendo.all.min.js"></script>

    If the above is not the case can you please assemble a small Dojo demo where the issue is isolated and replicated so I can further investigate?

    Looking forward to your reply.

    Regards,
    Nikolay
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  4. Aida
    Aida avatar
    5 posts
    Member since:
    Jun 2020

    Posted 14 Jun in reply to Nikolay Link to this post

    Hi Nikolay,

    yes that's correct except the tooltip doesn't show on hovering over x-axis when I have updated the Kendo version to 2020. please check the dojo link below:

    http://dojo.telerik.com/oWaNUQis/2

     

    In below dojo link with the older version of Kendo, you can hover over the x-axis and get the same tooltips that you get in the chart area.

    http://dojo.telerik.com/@ezanker/eqoDET

     

  5. Answer
    Nikolay
    Admin
    Nikolay  avatar
    222 posts

    Posted 16 Jun Link to this post

    Hi Aida,

    Thank you for clarifying the case. 

    This is a change that has been introduced with Kendo UI release R3 2018 and from that point the shared tooltip does not show on hover of categoryAxis labels. However, it is possible to implement the such tooltip using the Drawing API. To learn more please check out the following article:

    Let me know if you have any questions.

    Regards,
    Nikolay
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  6. Aida
    Aida avatar
    5 posts
    Member since:
    Jun 2020

    Posted 16 Jun in reply to Nikolay Link to this post

    Thanks for the replay.

    Yes, I ended up doing that! I thought maybe there is a trick in new version of Kendo like sharedtooltip or something that I am not aware of. thanks anyway.

  7. Aida
    Aida avatar
    5 posts
    Member since:
    Jun 2020

    Posted 17 Jun in reply to Nikolay Link to this post

    Hi there,

    Just wanted to mention that after using Drawing API, I am facing problem with skipped labels which are not considering part of the tooltip, I mean the tooltip only works on the visible Axis labels, not on the skipped labels. 
    Let's say your data is too much so the points on your chart are going to be too close and you need the skip some labels in between to make it readable. 
    Giving that tooltip is working only for visible labels not invisible (skipped ones), you cannot implement it as expected (like what it works on the chart area)

    Hi there,

    Just wanted to mention that after using Drawing API, I am facing problem with skipped labels which are not considering part of the tooltip, I mean the tooltip only works on the actual Axis labels not on the skipped labels. 

    let's say your data is too much so the points on your chart is gonna be too close and you need the skip some labels in between to make it readable. 

    Giving that tooltip is working only for visible labels not invisible (skipped ones), you cannot implement it as expected (like what it works on the chart area)

     

    Cheers,

  8. Nikolay
    Admin
    Nikolay  avatar
    222 posts

    Posted 18 Jun Link to this post

    Hello Aida,

    Thank you for sharing this use-case.

    The shared tooltip implementation was changed so it displays only on hover of the chart but not on the category axis labels. And the reason no tooltip is displayed when the Custom tooltip is implemented is that it fires on hover of the category axis label. 

    If you feel this feature is important for your application you could submit a feature request in our Feedback portal. The features that gain lots of popularity and are quite reasonable are usually implemented.

    Regards,
    Nikolay
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top