Question

我在寻找点击事件选项时遇到了以下示例。

以下示例显示当用户单击类别或数字轴时，它会触发一个事件。

但是我想知道当用户点击值轴（Dollar($)）的标题然后触发事件时会发生一个事件。

valueAxes: [{
  title: {text: "Dollar($)"},
}],

Answer 1

似乎Kendo.chart.valueAxis.title不支持点击事件图表中使用的Kendo.drawing.text没有任何一个事件

Kendo.drawing.surface有事件（也是点击事件），我尝试使用表面而不是文本但图表标题只需要文字！

我决定在图表标题处手动创建带有事件处理程序的元素：

http://jsfiddle.net/gf59ru/jfzwuyfw/

valueAxis: [{
    title: {
        text: "Dollar($)",
        visual: function (e) {
            var text = new kendo.drawing.Text(e.text, e.rect.origin, {
            });
            if ($('#clickable'))
                $('#clickable').remove();
            $('#example')
            .append('<div id="clickable" onclick="alert(123)" style="position: fixed; top: ' + e.rect.origin.y + 'px; left: ' + e.rect.origin.x + 'px; width: ' + e.rect.size.width + 'px; height: ' + e.rect.size.height + 'px"></div>');
            return text;
        }
    },
}]

我丢失了你的标题设计，也许可点击的div位置需要改进

但我希望这个小提琴帮助你

值轴标题单击事件

1 个答案: