Mouse Hover Over Chart DataPoint Event

2 posts, 0 answers
  1. Matt
    Matt avatar
    1 posts
    Member since:
    May 2018

    Posted 19 Jun 2018 Link to this post


    I would've thought there would be a simple way to do this, but having gone through the documentation I can't find anything.


    What I want is that when there resides a data point on a chart which can be used to drill down to another chart, that when the mouse cursor hovers over that data point the cursor will change from an arrow to a hand.


    Within the RadChartView object I can't find any events that would inform me of when the mouse cursor resides over a datapoint, and even when using the coordinates on the "MouseMove" event, I can't find anything within the API to translate the coordinates to a data point. 

    Is there anyway to know when the mouse cursor is hovering over a datapoint?



  2. Dimitar
    Dimitar avatar
    2951 posts

    Posted 20 Jun 2018 Link to this post

    Hi Matt, 

    There is a way to do this. You can use the following method:
    private void RadChartView1_MouseMove(object sender, MouseEventArgs e)
        var point = this.radChartView1.Area.View.Renderer.HitTest(e.X, e.Y);
        if (point != null)
            this.radChartView1.Cursor = Cursors.Hand;
            this.radChartView1.Cursor = Cursors.Default;

    We will consider adding this somewhere in our documentation as well. 

    Should you have any other questions do not hesitate to ask.

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top