How to make legend unclickable

1 Answer 25 Views
Chart (HTML5)
David
Top achievements
Rank 1
Iron
Iron
Veteran
David asked on 25 Oct 2024, 06:07 PM

I would like to disable ability to click on chart legend items.

Any ideas?

 

Thank you

1 Answer, 1 is accepted

Sort by
0
Vasko
Telerik team
answered on 28 Oct 2024, 08:29 AM

Hello David,

You can attach the legendItemClick event and prevent the default behavior (show/hide the corresponding pie segment):

<telerik:RadHtmlChart runat="server" ID="RadChart1" Width="500px">
    <PlotArea>
        <Series>
            <telerik:PieSeries>
                <SeriesItems>
                    <telerik:PieSeriesItem Y="20" Name="name 1" />
                    <telerik:PieSeriesItem Y="30" Name="name 2" />
                    <telerik:PieSeriesItem Y="50" Name="name 3" />
                    <telerik:PieSeriesItem Y="40" Name="name 4" />
                </SeriesItems>
            </telerik:PieSeries>
        </Series>
    </PlotArea>
    <ClientEvents OnLegendItemClick="onLegendItemClick"/>
</telerik:RadHtmlChart>
function onLegendItemClick(e) {
    e.preventDefault();
}

Regards,
Vasko
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
David
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 28 Oct 2024, 10:53 AM

Works!

Thank you

Tags
Chart (HTML5)
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Vasko
Telerik team
Share this question
or