kendo-ui - 第一次通话后剑道系列点击事件不起作用
问题描述
我在 js 文件中有一个剑道饼图,它有一个 onSeriesClick 函数:
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
});
}
我为它提供数据,并在饼图中创建了一个饼图,当我单击它时,它应该给我一个网格和另一个图表(列),当只有网格时,它可以工作,当我想要网格和柱形图,seriesClick 事件在第一次调用后不起作用,对于网格和柱形图我有两个不同的功能,这是我的柱形图:
function createChartForInterventions(dataForInter) {
chartID.kendoChart({
legend: {
visible: false
},
series: [{
data:dataForInter,
type: "column",
color: "#FDB45C",
field: "cp_type_present",
categoryField: "turbineName",
}],
});
});
这是我的网格:
function createDynamicGrid(chartId, source, column) {
chartId.kendoGrid({
dataSource: {
data: source,
},
height: 350,
scrollable: true,
sortable: true,
filterable: true,
columns: column,
noRecords: {
template: "No data"
},
});
}
在我的主要观点中,我称它们为:
$.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);
}});
解决方案
尝试将您的活动更改为:
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")
)
});
}
推荐阅读
- apache-kafka - 使用 Kafka 重试消息
- javascript - 将 FileReader 结果推送到数组中
- android - 如何从应用程序中删除持久的“应用程序正在后台运行”通知?firebase 是否会导致问题?
- maven - Robot Framework Maven 插件配置问题
- python - 为什么我想启动我的 django 应用程序时收到错误消息?
- time-complexity - 从 3 中找出中间元素(找出三元组的最大乘积)
- visual-studio - 如何让 SSIS 使用我的 dtsConfig 文件?
- docker-compose - 无法将 docker 容器中的 fusionauth 卷公开给主机
- maven - 如何创建一个 tar 文件,其中包含我的 jar-with-dependacies 以及其他文件?
- python - 在稀疏矩阵中查找对应于对角线上特定值的行索引