Can I change the cursor on mouse over of a donut chart segment

Hello,

Is it somehow possible to change the cursor on hover of a donut or pie chart segment?
For example in sample below every time the user hovers over a segment the cursor would change to a hand?

Regards
Vincent


@using Syncfusion.Blazor.Charts

<SfAccumulationChart Title="Mobile Browser Statistics">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"
                                 Name="Browser">
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>

    <AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings>

    <AccumulationChartTooltipSettings Enable="true"></AccumulationChartTooltipSettings>
</SfAccumulationChart>

@code{
    public class Statistics
    {
        public string Browser;
        public double Users;

    }

    public List<Statistics> StatisticsDetails = new List<Statistics>
{
        new Statistics { Browser = "Chrome", Users = 37 },
        new Statistics { Browser = "UC Browser", Users = 17 },
        new Statistics { Browser = "iPhone", Users = 19 },
        new Statistics { Browser = "Others", Users = 4  },
        new Statistics { Browser = "Opera", Users = 11 },
        new Statistics { Browser = "Android", Users = 12 },
    };
}

1 Reply 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team October 1, 2020 02:54 PM UTC

Hi Vincent, 

Greetings from Syncfusion. 

We have validated your reported scenario. We suggest you to specify the css style cursor: pointer for series group collection using an id pie_SeriesCollection. In this, pie is an chart id and seriesCollection is a group name. We have prepared sample based on your requirement.  

<SfAccumulationChart ID="pie" > 
</SfAccumulationChart> 
<style> 
    #pie_SeriesCollection  { 
        cursor: pointer; 
    } 
</style> 


Please revert us, if you have any concerns. 

Regards, 
Durga G 


Marked as answer
Loader.
Up arrow icon