I need a click event on a chart element such as a specific bar in a bar chart or a slice in a pie chart

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 28 Jan 2021 10:05 by ADMIN

Release 2.15.0

Bryon

Created on: 05 Jun 2019 15:18

Category: Charts

Type: Feature Request

I need a click event on a chart element such as a specific bar in a bar chart or a slice in a pie chart

I'm using version 1.1 of the UI for Blazor and have leveraged several different types of charts. I now need to add click events on different parts of the chart so I can navigate to a drilldown page. How can I accomplish this?

12 comments

ADMIN

Marin Bratanov

Posted on: 28 Jan 2021 10:05

Hello Bob,

You can Follow that here: https://feedback.telerik.com/blazor/1499953-onlegenditemclick-event-similar-to-the-onseriesclick

You may also want to Follow this enhancement: https://feedback.telerik.com/blazor/1442813-show-hide-series-on-legend-click

I've added your Vote on your behalf for both of them to raise their priorities.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Bob

Posted on: 27 Jan 2021 21:07

So clicking on a series in the chart now fires the SeriesClick event, however clicking on an item in the ChartLegend still doesn't do anything, even though the items appear as links and apear to be clickable.

I need to have them fire the same event as the SeriesClick. Is there any way to make that happen?

ADMIN

Marin Bratanov

Posted on: 14 Dec 2020 07:08

Hello Dian,

You can read about it in the documentation: https://docs.telerik.com/blazor-ui/components/chart/events#onseriesclick and in the demos: https://demos.telerik.com/blazor-ui/chart/events

Regards,
Marin Bratanov
Progress Telerik

Dian

Posted on: 14 Dec 2020 07:03

Hai there, is this feature available now? How can I use this feature?

ADMIN

Svetoslav Dimitrov

Posted on: 16 Jun 2020 09:26

Hello,

Yes, this feature is still planned to be live with our 2.15.0 release, which will, hopefully, be live by the end of this month.

Regards,
Svetoslav Dimitrov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.

Chris

Posted on: 15 Jun 2020 22:15

Hey there,
Is this still on track for 2.15.0? And is there an ETA for that release?

Thanks,

Chris

Marc

Posted on: 09 Apr 2020 00:48

Our use case sound just like what @Bryon requests. We want our users to be able to explore our data so to go from clicking on something in a graph to a more detailed page that shows a grid for example. Similar to what's in Report Server for example https://docs.microsoft.com/en-us/power-bi/desktop-cross-report-drill-through

ADMIN

Marin Bratanov

Posted on: 23 Sep 2019 15:30

This is probably one of the first enhancements we will make on the charts when we get to them. I am not in a position to provide an ETA at this stage, though, and we put only large components on the public roadmap. My best advice is to click the Follow button to get notifications for its implementation status. Doing this at the moment is not going to be possible, I think, because we will need to carry quite a bit of information in order for it to be available. Then, discerning one SVG element from another is going to be next to impossible, we would need to attach handlers to them as they get generated so the code knows how to associate the events. It is not a trivial task in Blazor, and there is no easy workaround I can offer, especially after the chart has rendered (I am not even considering re-rendering triggered by changes from the C# code).

Regards,
Marin Bratanov
Progress Telerik

UI for Blazor

Valid Development Factory

Posted on: 23 Sep 2019 11:49

Is there any update on this? Is this feature on the near-future roadmap or any ETA?
We're in desperate need of this feature and are looking into JS interop to work around this for now. The only question we now have is how are we going to indentify the clicked element (point, bar, slice, ...)? We can get the element but we need the ID (of the underlying model) of the clicked element for example.

ADMIN

Marin Bratanov

Posted on: 23 Jul 2019 05:21

Hi Ilya,

It is more about priorities at this point. The click events are not usually mission critical for data visualization, while an advanced grid is. There aren't serious blockers in implementing click events in the charts, it's just some interop code + exposing the C# events from it (well, of course, there is some plumbing we have to do behind the scenes, but it is doable).

Regards,
Marin Bratanov
Progress Telerik UI for Blazor

Ilya

Posted on: 22 Jul 2019 19:07

We here rely on chart events as well and would really love to see that level of support in Charts for Blazor. Is there a real technical reason for not exposing events in Blazor Charts or is this simply a work prioritization effort?

Thank you

ADMIN

Marin Bratanov

Posted on: 06 Jun 2019 04:59

Hello Bryon,

I moved this to the public feedback portal with the following link: https://feedback.telerik.com/blazor/1412010-i-need-a-click-event-on-a-chart-element-such-as-a-specific-bar-in-a-bar-chart-or-a-slice-in-a-pie-chart.

At the moment, the chart does not expose events and since this is the first request we receive for that, we are starting to measure its demand by the community through this page, so we can prioritize better.

I have already added your vote, and you can Follow the page to get notifications of status changes and comments. I also took the liberty of changing the post title a little to make it more meaningful in this context.

Regards,
Marin Bratanov
Progress Telerik UI for Blazor