Kendo UI图表 - 单击事件

5

有人知道如何为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>
1个回答

8
我认为你正在寻找与seriesClick事件相关的内容。
$(".k-chart")
  .data("kendoChart")
  .bind("seriesClick", function (e) { console.log(e); })

谢谢 @CodingWithSpike! - Mark
谢谢,但您能否告诉我如何以编程方式触发单击事件 - 针对特定的条形图?我正在拼命解决这个问题 - https://stackoverflow.com/questions/50934532/access-items-of-bar-chart-kendo-ui 如果您能帮忙,那将是太棒了! - Paul Alwin

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接