Line Graph Marker on Mouse Hover

[Justin]

Hello everyone! :)

I'm working with a line graph and I'm trying to get markers to appear only when the user hovers over the line in the graph.  I have found an example on another forum post that does exactly what I want, but I cannot figure out how the markers work.  I see an explicit "visible: false" line, but nothing to set up the markers to appear on hover.  Any help here will be greatly appreciated.  Many thanks in advance!

The post I'm referring to is here
http://www.kendoui.com/forums/dataviz/chart/formatting-my-chart.aspx

And the poster's example is here (hover over the actual line values in the line graph to see what I'm talking about)  Hopefully it's ok to post somebody else's link.  This feels a little awkward.  :)

http://jmillspaysbills.com/clients/radolo/rockhabits/daily-huddle.html

[Hristo Germanov]

Hi Justin Kessel,

Thank you for the contacting us.

Unfortunately, this is a bug and we will fix it as soon as we can.

For your convenience I will attach you the fix after we fix it.

I have updated your telerik points.

All the best,
Hristo Germanov
the Telerik team

[Simon]

Was there ever a solution posted for this problem?

[Hristo Germanov]

Hello Simon,

With the SP1 of Kendo UI I have fixed some major problems around this functionality.

In order to achieve this functionality you need to:
1) Hide the markers initially.
2) Show the markers in the highlight configuration and you need to change the style of the markers in this object in you want to.

Example: http://jsbin.com/IPAzEXe/4/edit

Regards,
Hristo Germanov
Telerik

[indian]

The config option highlight.markers seems to be deprecated by now, is it?

Atleast it's not documented and doesn't work in the current version. How would I go about hiding the markers now? The series.markers.visible will hide the markers, but they'll reappear on mouse hover. I want them gone in any situation.

I tried settings size and border.width to 0. But the marker still appears as a little white dot.

[Stefan]

Hello, Christoph,

If the marker can indeed be hidden with the markers.visible property. The dot the appear on hover is from the highlight, which has to be hidden as well:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.highlight#series.highlight.visible

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.markers.visible

I made an example demonstrating this:

https://dojo.telerik.com/EKOFOwaM

I hope this is helpful.

Regards,
Stefan
Progress Telerik