Kendo Series Click event does not work after first call - kendo-ui

Question

I have a Kendo Pie chart in a js file,it has a onSeriesClick function :
function pieChartForInterventions(chartID, pieChartData, seriesClickCallback) {
chartID.kendoChart({
dataSource: {
data: pieChartData
},
series: [{
type: "pie",
color: "#FDB45C",
animation: {
type: "fadeIn",
duration: 100
},
field: "list",
categoryField: "mm",
padding: 0,
labels: {
visible: true,
},
overlay: {
gradient: "none"
},
}],
seriesColors: ["#46BFBD", "lightskyblue"],
tooltip: {
visible: true,
template: "${ category }"
}
,
legend: {
position: "bottom"
},
seriesClick: seriesClickCallback
});
}
I supply it with data,and and created me a a pie chart,in the pie chart,when i click it should give me a grid and another chart(column),when there is only grid,it works,when i want both grid and column chart,seriesClick event does not work after first call,for grid and column chart i have two different functions,
here is my column chart:
function createChartForInterventions(dataForInter) {
chartID.kendoChart({
legend: {
visible: false
},
series: [{
data:dataForInter,
type: "column",
color: "#FDB45C",
field: "cp_type_present",
categoryField: "turbineName",
}],
});
});
and here is my grid:
function createDynamicGrid(chartId, source, column) {
chartId.kendoGrid({
dataSource: {
data: source,
},
height: 350,
scrollable: true,
sortable: true,
filterable: true,
columns: column,
noRecords: {
template: "No data"
},
});
}
in my main view ,i call them :
$.ajax({
dataType: "json",
type: "POST",
url: "#Url.Action("faultstatCrewPresentIntervetion","Dashbrd")",
contentType: "application/json; charset=utf-8",
data: JSON.stringify({ "dtFrom": dtDrpVals.fromDate, "dtTo": dtDrpVals.toDate }),
success: function (result) {
var _clicked;
function onDb(e) {
createDynamicGrid($("#gridProAvail"), result.interInprog, clmns);
createChartForInterventions();
];
}
//Pie Chart
pieChartForInterventions($("#pieChart"), result.nbr_ofCPtype, onDb);
}});

Answer 1

Try change you're event to:
function pieChartForInterventions(chartID, pieChartData, seriesClickCallback) {
chartID.kendoChart({
dataSource: {
data: pieChartData
},
series: [{
type: "pie",
color: "#FDB45C",
animation: {
type: "fadeIn",
duration: 100
},
field: "list",
categoryField: "mm",
padding: 0,
labels: {
visible: true,
},
overlay: {
gradient: "none"
},
}],
seriesColors: ["#46BFBD", "lightskyblue"],
tooltip: {
visible: true,
template: "${ category }"
}
,
legend: {
position: "bottom"
},
.Events(events => events
.SeriesClick("seriesClickCallback")
)
});
}
https://demos.telerik.com/aspnet-mvc/chart-api/events