有人知道如何为Kendo-UI数据可视化柱状图创建一个单击事件吗?
我在kendo窗口中有这个图表,当你点击其中一个柱时,我需要交换窗口的内容。
我似乎找不到正确的元素来附加点击事件.....
Kendo代码......
<script> // Kendo Chart
function createChart() {
$("#chart").kendoChart({
title: {
text: "Memberships by dddd- dddd"
},
legend: {
visible: true
},
seriesDefaults: {
type: "bar"
},
series: [{
name: "dddd",
data: [123, 42, 76, 344],
color: '#0A9ECC'
}, {
name: "dddd",
data: [76, 970, 23, 14],
color: '#CE1D1D'
},
{
name: "ddddd",
data: [144, 44, 264, 647],
color: '#d2b723'
}],
valueAxis: {
max: 1000,
line: {
visible: false
},
minorGridLines: {
visible: true
}
},
categoryAxis: {
categories: ["Membership 1", "Membership 2", "Membership 3", "Membership 4"],
majorGridLines: {
visible: false
}
},
tooltip: {
visible: true,
template: "#= series.name #: #= value #"
}
});
}
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>