javascript - 单击kengo网格行内的kendo图表

Question

我有一个剑道网格。其中一列包含每行一张堆叠的剑道图。以下是我如何使用 dataBound 事件在网格内创建图表:

self.dataBound = function() {
    $(chartCellSelector).each(function () {

        var $this = $(this);
        $this.kendoChart({
            //chart options go here
        });
    });
};

然后我还如何实现rowselect网格事件。

self.rowSelect = function (e) {
    var dataItem = e.sender.dataItem(this.select());
    //operations with the dataitem
};

当我单击图表控件外部的行时，它在任何地方都可以正常工作。但是，当我单击堆积图表内的行时，有时会出现 JS 错误:奇怪的是，它只出现在 IE 中并且只出现在某些机器上:错误:无法获取未定义或空引用的属性“removeChild”

崩溃发生在 kendo 内部 javascript 库内，因此看起来像是 kendo bug。我需要一个解决方法。即使禁用堆叠图表上的点击也可以，但这并不容易实现。所以问题是如何避免 kendo 中的 javascript bug 或如何禁用某些单元格(或单元格内的 div)上的 kendo rowselect 事件？

Answer 1

这是一个剑道错误。我对 Kendo javascript 进行了一些研究，并且由于 series.highlight 属性而发生错误!我只是像这样删除了配置上的突出显示，错误就消失了。

seriesDefaults: {
                highlight: { visible: false },
                ...
            },