值轴标题点击事件答案

【问题标题】：Value Axis Title Click Event值轴标题点击事件
【发布时间】：2015-08-05 00:36:22
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript kendo-ui kendo-chart

【解决方案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 位置需要细化

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

【讨论】：