Question

如何点击Highcharts漏斗的一部分来创建onclick处理程序？

我尝试按照文档进行操作，但这些事件似乎都不适用于我。

我已尝试click（下方）drilldown和selection。 click是唯一一个触发的，但它仅在单击背景时才会执行，而不是实际的漏斗片。

这是他们的榜样： http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/funnel/

$('#id').highcharts({
    chart: {
        type: 'funnel',
        marginRight: 100,
        events: {
            click: function (event){
                console.log(event);
            }
        }
    },
    title: {....

Answer 1

尝试将您的点击事件处理程序放在plotOptions.series内，如下面的代码段和 this jsFiddle 对您链接的演示的修改：

    plotOptions: {
        series: {
            events: {
                click: function (event) {
                    console.log(event);
                    alert(event.point.name);
                }
            }
        }
    }

Answer 2

试试这个兄弟!! 参考http://api.highcharts.com/highcharts#plotOptions.area.events.click

plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b> ({point.y:,.0f})',
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                    softConnector: true
                },
                neckWidth: '30%',
                neckHeight: '25%',
                events: {
                    click: function (event){
                      console.log(event);
                    }

                //-- Other available options
                // height: pixels or percent
                // width: pixels or percent
            },

Answer 3

Woking演示：:) http://jsfiddle.net/tts4kqdk/ 或 http://jsfiddle.net/8m7fjzqd/

因此，在树中您只需添加events: --> click其他详细信息位于上方的高级图表链接中。

休息应该符合您的需求。 :)

<强>码

$('#container').highcharts({
        chart: {
            events: {
                click: function (event) {
                    alert('HULK --> ' + event);
                }
            },
            type: 'funnel',
            marginRight: 100
        }, ...

工作屏幕截图

enter image description here

点击部分highcharts漏斗时的onclick事件

3 个答案: