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

How to show marker tooltips when hovering over axis labels

7 Answers 719 Views

Charts

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

7 Answers, 1 is accepted

answered on 12 Jun 2020, 12:43 PM

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:

https://docs.telerik.com/kendo-ui/intro/first-steps#1-adding-the-required-javascript-and-css-files

    <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.

Accepted

answered on 16 Jun 2020, 02:39 PM

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:

https://docs.telerik.com/kendo-ui/controls/charts/how-to/integration/tooltip-for-category-axis-labels

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

answered on 17 Jun 2020, 06:16 AM

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,

answered on 18 Jun 2020, 02:59 PM

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