获取点击柱形图的图例

时间:2016-08-10 08:35:09

标签: javascript google-visualization stacked-chart

function selectHandler(e){
        var selectedItem = test.getSelection()[0];
        if (selectedItem.row != null) {
            // gets the location in x axis
            var loc_bar = data.getValue(selectedItem.row, 0);
          var value = data.getValue(selectedItem.row, selectedItem.column);
          debugger
          alert('The user selected ' + value);
        }
      }

这是我的选择处理程序,在条形图上单击时会触发。我有一个堆积条形图,我想知道与点击堆积条形图相关的图例。我发现了一个与饼图相关的stackoverflow链接,但它对我没有帮助。那么当点击谷歌图表的堆积条形图的一部分时,有没有办法获得图例?

1 个答案:

答案 0 :(得分:2)

使用getColumnLabel查找已点击列的图例名称

var test = new google.visualization.ComboChart(document.getElementById('chart_div'));

google.visualization.events.addListener(test, 'select', selectHandler);
function selectHandler(e) {
  var selection = test.getSelection();
  if (selection.length > 0) {
    console.log('the user selected ' + data.getColumnLabel(selection[0].column));
  }
}

test.draw(data, options);