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

Adding Cursor Pointer to A Bar or Column Graph

3 Answers 275 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Avs8686
Top achievements
Rank 1
Avs8686 asked on 05 Dec 2013, 01:09 PM
First off I love these charts, they are fantastic and are really impressing our clients with how awesome they look.

Right now, I have a stacked column series and I am trying to add some additional functionality where the user can click on the column and it brings them to another page on the website. I added a function to the OnClientSeriesClicked property of the chart and clicking on a series fires the corresponding function as it should.

I'd like to change the cursor to a pointer so the user knows they can click on it, "cursor: pointer;" in css, but that's not working on the path element.  Is there a way to pull this off?

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 10 Dec 2013, 10:10 AM
Hello Andrew,

The RadHtmlChart does not provide built-in functionality to change the cursor type when hovering over series, but you can easily achieve it by adding the following CSS style to your page:
<style type="text/css">
    svg > path:last-child
    {
        cursor: pointer;
    }
</style>

Note, that the described workaround works fine in the latest versions of Opera, Chrome, Mozilla Firefox, IE 9+. When the RadHtmlChart is rendered using VML in IE 8 and below, this approach is not applicable, in such cases you can follow the approach described in the following forum tread: Hand cursor on series for drilldown

Regards,
Veselina Raykova
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Avs8686
Top achievements
Rank 1
answered on 10 Dec 2013, 12:35 PM
Thanks!  That works beautifully!
0
Vessy
Telerik team
answered on 10 Dec 2013, 01:43 PM
Hi Andrew,

I am glad that the proposed solution was helpful for you. Feel free to contact us in case we could be of any further assistance.

Regards,
Veselina Raykova
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Chart (Obsolete)
Asked by
Avs8686
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Avs8686
Top achievements
Rank 1
Share this question
or