Can we render another page when data in chart (for example bar chart) is clicked?

Question

Is is possible that, when data of any chart is clicked, we can redirect to another page to see detail of that data in another page? For example I have a bar chart in x-axis I have city and in y-axis I have their count of buildings. If I click on city-a, can I see detail of all its building in another page. This page will be a custom asp.net page where I will see details in syncfusion grid.

Please let me know if this is possible?

Durga Gopalakrishnan · Answer

Hi Sean,

Greetings from Syncfusion.

Your requirement can be achieved using OnClientPointRegionClick event. This event allows you to get clicked point information. Using this you can display the details in grid. We already have an online demo to perform drilldown for chart. Please check with the below online demo link.

<ej:Chart ID="ChartLicense" runat="server" OnClientPointRegionClick="onclick">

</ej:Chart>

function onclick(sender) {

var pointIndex = sender.data.region.Region.PointIndex;

if(pointIndex == 0)

window.open(https://www.syncfusion.com/, '_blank');

}

</script>

Chart Drilldown : https://asp.syncfusion.com/demos/web/chart/drilldown.aspx

Grid : https://asp.syncfusion.com/demos/web/grid/defaultfunctionalities.aspx

Kindly revert us if you have any concerns.

Regards,

Durga G