【问题标题】:Get the legend of clicked column chart获取点击柱形图的图例
【发布时间】:2016-08-10 08:35:09
【问题描述】:
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 链接,但这对我没有帮助。那么有没有办法在点击谷歌图表堆积条形图的一部分时获取图例?

【问题讨论】:

  • 在绘制图表之前分配事件...
  • @WhiteHat,是的,我已经做到了,但我仍然无法弄清楚如何访问与堆叠条形图的单击部分相关的图例名称。

标签: javascript google-visualization stacked-chart


【解决方案1】:

使用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);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-07-31
    • 1970-01-01
    • 2016-12-22
    • 2012-01-08
    • 1970-01-01
    • 1970-01-01
    • 2023-04-07
    相关资源
    最近更新 更多