Change the mouse cursor to hand

Hello,  I am using a sfchart click event to load next level data, 
   <ChartEvents OnPointClick="PointClick" OnAxisLabelClick="LabelClick" ></ChartEvents>
is it possible to change the mouse cursor to hand to tell the user that the bar and lable is clickable?

Thanks In advance
example: HERE


5 Replies 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team February 5, 2021 04:12 PM UTC

Hi Feng,

Greetings from Syncfusion.

As of now, we don’t have direct property to change the cursor on moving mouse over axis labels and series points. We suggest you specify the CSS style cursor: pointer for series group and axis label collection using an id chart1SeriesCollection and chart1AxisLabels0. In this, chart1 is a chart id and SeriesCollection, AxisLabels0 are group names. 

<style>
    #chart1SeriesCollection, #chart1AxisLabels0 {
        cursor: pointer;
    }
</style>


Please revert us if you have any concerns.

Regards,
Durga G



FE Feng February 5, 2021 07:37 PM UTC

Thank you for your quick response. your example works fine, 
my issue is the OnPointClick event didn't include ChartDataLabel, in other words, the ChartDataLabel is not clickable, 
is the a way to exclude the mouse clickable cursor on the ChartDataLabel?  thanks!




SM Srihari Muthukaruppan Syncfusion Team February 8, 2021 12:34 PM UTC

Hi Feng, 
 
We have analyzed your query. From that, we would like to let you know that the reported scenario occurs since seriescollection contains both series group and datalabel group. Hence to avoid cursor pointer over datalabel we suggest you to provide styles only to individual series group. Based on your requirement we have modified the sample for your reference. Please find the sample below. 
 
 
Screenshot: 
 
 
 
Let us know if you have any concerns. 
 
Regards, 
Srihari M 


Marked as answer

FE Feng February 9, 2021 04:08 PM UTC

Thank you very much!! It's exactly what I need!


DG Durga Gopalakrishnan Syncfusion Team February 11, 2021 03:12 PM UTC

Hi Feng,

Most welcome. Please get back to us if you need any further assistance.

Regards,
Durga G



Loader.
Up arrow icon