值轴标题点击事件

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位置需要优化

不过我希望这个fiddle对你有帮助

值轴标题点击事件

Value Axis Title Click Event

javascript

kendo-ui

kendo-chart