javascript - 获取 Google 可视化饼图中的点击标签 [corechart]

标签 javascript google-visualization pie-chart

如何在 Google 可视化饼图 [corechart] 中获取点击的标签名称?即,如何使用 getSelection()

      google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Task');
    data.addColumn('number', '');
    data.addRows(6);
    data.setValue(0, 0, 'Demographics');
    data.setValue(0, 1, 1);
    data.setValue(1, 0, 'Behavior');
    data.setValue(1, 1, 1);
    data.setValue(2, 0, 'Campaign');
    data.setValue(2, 1, 1);
    data.setValue(3, 0, 'Purchases');
    data.setValue(3, 1, 1);
    data.setValue(4, 0, 'Social');
    data.setValue(4, 1, 1);
    data.setValue(5, 0, 'Support');
    data.setValue(5, 1, 1);

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 500, height: 500, pieSliceText: 'label', legend: 'none', is3D: true,
        colors: ['#000033', '#00004D', '#000066', '#000080', '#333399' , '#00001A'],
        });
    google.visualization.events.addListener(chart, 'select', selectHandler);
    function selectHandler(e) {
        alert("Need to get clicked pie slice");
  }
}

最佳答案

    google.visualization.events.addListener(chart, 'select', function(e) {
        var selection = chart.getSelection();
        alert(pieSlice[selection[0].row]);

    });

关于javascript - 获取 Google 可视化饼图中的点击标签 [corechart],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8149372/

相关文章:

javascript - 带有谷歌物化图表的选项

javascript - 查找页面的整个宽度,包括水平滚动条

javascript - 固定的 css 导航栏在折叠 View 中切换时消失

javascript - 更改前置文件输入的位置

php - Ajax 响应文本 URL 不工作

charts - Google Charts - 在 y 轴值上应用边距

java - 如何在java中旋转饼图

ios - 如何计算饼图顶部的旋转角度?

python - 如何在 Matplotlib 饼图中显示实际值而不是百分比

javascript - 在事务中包装 sequelize ORM 测试