javascript - chart.getSelection() 不适用于谷歌条形图

Question

drawBarChart = function (data) { 
//few statements goes here which sets options which are being passed to chartDraw i.e. t.options.chart.options

gChart = new google.visualization.BarChart(chartingPlace);
        //setTimeout(function () {
        // t.options.chart.options.height = ((t.chart.size.height) - 40) + "px";
        ////console.log(JSON.stringify(t.options.chart.options));

        //google.visualization.events.addListener(gChart, 'ready', function () {
            // grab a few details before redirecting
            google.visualization.events.addListener(gChart, 'select', function () {
                var selectedItem = gChart.getSelection()[0];
                console.log(gChart.getSelection());
                if (selectedItem) {
                    var topping = data.getValue(selectedItem.row, 0);
                    alert('The user selected ' + topping);
                }

           // });
        });
gChart.draw(data, t.options.chart.options);
}

我的应用程序有许多针对不同场景显示的图表。我的要求是，单击谷歌条形图中的一个条形图并打开一个与该条形图名称相关联的新选项卡。为此，我尝试在条形图上使用直接“选择”事件，如下所示:

google.visualization.events.addListener(gChart, 'select', function () {
                    var selectedItem = gChart.getSelection()[0];
                    console.log(gChart.getSelection());
                    if (selectedItem) {
                        var topping = data.getValue(selectedItem.row, 0);
                        alert('The user selected ' + topping);
                    }
});

但我无法获取，这为 gChart.getSelection() 返回了空数组，因此我尝试了上面第一个代码中提到的带有“就绪”事件的代码。它有效，但输出不一致。有时它会给出空数组，有时会给出选定的对象。

我仍然无法找到为什么会出现这种行为

更多信息:我的应用程序有不同的选项卡，显示条形图、折线图、面积图、组合图的数量。 getSelection() 适用于折线图，但无法获得与条形图一致的输出。

任何帮助都是可观的。

请不要将其标记为重复，因为我已经回答过其他类似的问题，但他们没有回答我的问题，我没有那个特权，所以我无法在回复中发表评论要求更多澄清。类似问题在这里:google visualization-Click event on barchart isStacked: true

请帮忙!

提前致谢!

更新:我无法从这里得到任何答案或任何回应。这真的很令人失望。

解决方案:这就是我解决这个问题的方法:getSelection 对我不起作用，所以我尝试在条形文本上单击事件。通过点击事件，我可以获得栏上的文本，并将其链接到新标签页。

如果有人需要代码解决方案，请告诉我。

谢谢。

Answer 1

请仔细阅读下面的代码片段，我已更正，或者您可以说以不同的方式组织代码。如果您需要进一步的解释，请告诉我。

google.visualization.events.addListener(googleChartObj, 'select', function () {
                var selectedBar = googleChartObj.getSelection();
                ////console.log(selectedBar);
                data.getRowLabel(selectedBar[0].row);
               /// for Bar charts, normally row-parameters are used
               /// manipulate on 'data' which refers to data-table to get desired results

            });