javascript - Highcharts基本条: How to know which specific bar section is clicked?

Question

我有一个包含以下类别和系列的 Highcharts :

    xAxis: {
                categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Population (millions)',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            }


series: [{
            name: 'Year 1800',
            data: [107, 31, 635, 203, 2]
        }, {
            name: 'Year 1900',
            data: [133, 156, 947, 408, 6]
        }, {
            name: 'Year 2012',
            data: [1052, 954, 4250, 740, 38]
        }]

指针事件让我知道单击了哪个类别。但我怎么知道点击的是哪个具体年份。假设用户点击了 Africa 下的 1900 年，那么我想知道用户点击了类别:非洲和 1900 年。

Answer 1

您可以使用plotOptions并在其中使用以下代码来获取相应的项目。

plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function () {
                            alert('Category: ' + this.category + '   value: ' + this.y + '  Year :' + this.series.name);
                        }
                    }
                }
            }
        },

可以找到工作的 JSFiddle here .

this.category:这将返回相应的类别名称。

this.y:这将返回相应的 y 轴值(数据)。

this.series.name:这将返回相应的系列名称。