Question

我需要将click事件附加到柱形图十字准线，并找到黑色标签“ customEvents.js”模块：

https://github.com/blacklabel/custom_events

作为一个初学者，我似乎无法弄清楚如何使它工作。如果有人可以修改演示小提琴以向我展示它的完成方式，我将不胜感激！我尝试将“十字线”标记放置在“ plotOptions”内部，“ xAxis”内部以及单独放置，但是没有成功。

crosshair: {
    enabled: true,
    events: {
                        dblclick: function () {
                            $('#report').html('dbclick on xAxis label');
                        },
                        click: function () {
                            $('#report').html('click on xAxis label');
                        },
                        contextmenu: function () {
                            $('#report').html('context menu on xAxis label');
                        }
    }
}

Answer 1

问题看起来像是回归，所以我在插件github上报告了该问题：https://github.com/blacklabel/custom_events/issues/133

作为解决方法，您可以添加pointerEvents: 'auto'样式。

(function(H) {
    H.wrap(H.Axis.prototype, 'drawCrosshair', function(proceed) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));

        if (this.cross) {
            this.cross.css({
                pointerEvents: 'auto'
            });
        }
    });
})(Highcharts);

实时演示：http://jsfiddle.net/BlackLabel/pfkmg39x/

文档：https://www.highcharts.com/docs/extending-highcharts

高图-十字准线点击附加事件

1 个答案: