highCharts图例单击事件不适用于类型列

时间:2018-07-21 10:41:06

标签: javascript angularjs highcharts highcharts-ng

我想要有关highChart图例的click事件,因此我正在尝试以下选项,但这些选项均无效。 $ scope.highchartConfig是我在angular 1.x中使用的配置。 另外,我使用的是highChart版本4。请帮我解决我做错了什么以及需要做哪些锻炼。

$scope.highchartConfig = {
    barGraph: {
        options: {
            chart: {
                type: 'column',
                height: 300
            },
            plotOptions: {
                series: {
                    events: {
                        legendItemClick: function(event) {
                            alert('TEST');
                        }
                    }
                }
            }
        },
        series: [
            {
                name: 'Quantity',
                data: [40, 25, 10, 15]
            },
            {
                name: 'Value',
                data: [60, 25, 20, 60]
            }
        ]
    }
}

OR

$scope.highchartConfig = {
    barGraph: {
        options: {
            chart: {
                type: 'column',
                height: 300
            },
            plotOptions: {
                column: {
                    events: {
                        legendItemClick: function(event) {
                            alert('TEST');
                        }
                    }
                }
            }
        },
        series: [
            {
                name: 'Quantity',
                data: [40, 25, 10, 15]
            },
            {
                name: 'Value',
                data: [60, 25, 20, 60]
            }
        ]
    }
}

0 个答案:

没有答案