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 282 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Aida
Top achievements
Rank 1
Aida asked on 10 Jun 2020, 11:42 PM

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

Thanks in advance

7 Answers, 1 is accepted

Sort by
0
Aida
Top achievements
Rank 1
answered on 11 Jun 2020, 12:42 PM

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

Any thoughts?

 

0
Nikolay
Telerik team
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:

    <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.
0
Aida
Top achievements
Rank 1
answered on 14 Jun 2020, 08:41 AM

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

 

0
Accepted
Nikolay
Telerik team
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:

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.
0
Aida
Top achievements
Rank 1
answered on 16 Jun 2020, 10:57 PM

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.

0
Aida
Top achievements
Rank 1
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,

0
Nikolay
Telerik team
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

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.
Tags
Charts
Asked by
Aida
Top achievements
Rank 1
Answers by
Aida
Top achievements
Rank 1
Nikolay
Telerik team
Share this question
or