0

我在谷歌可视化图表中工作。我设计了一个 orgChart。这是我的代码。

 <script type='text/javascript'>
    google.load('visualization', '1', { packages: ['orgchart'] });
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('string', 'Manager');

        data.addRows([
    [{ v: 'TOP', f: 'TOP' }, ''],
    [{ v: 'TOP CO', f: 'TOP CO' }, 'TOP'],
    [{ v: 'TOP FR', f: 'TOP FR' }, 'TOP'],
    [{ v: 'EAST', f: 'EAST' }, 'TOP CO'],
    [{ v: 'WEST', f: 'WEST' }, 'TOP CO'],
    [{ v: 'FRAN', f: 'FRAN' }, 'TOP FR'],
    [{ v: 'ADIRAN', f: 'ADIRAN' }, 'EAST'],
    [{ v: 'FINGER', f: 'FINGER' }, 'EAST'],
    [{ v: 'CENTRAL', f: 'CENTRAL' }, 'WEST'],
    [{ v: 'NORTH', f: 'NORTH' }, 'WEST']
    ]);

   var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
   chart.draw(data, { allowHtml: true });

   google.visualization.events.addListener(chart, 'select', function () {
   var selection = chart.getSelection()[0];
   var label = data.getColumnLabel(selection.column);
   alert(label);
 });

}

我对这个概念很陌生。每当我点击任何数据时，我都会收到类似的错误

Microsoft JScript runtime error: Invalid column index undefined. Should be an integer in the range [0-1].

我给出的数据格式是否错误，或者我需要其他任何东西。我的要求是，当我单击数据装置时，单击的值应显示在 ALERT BOX 中。

4

1 回答 1

2

我意识到这是一个旧帖子，但我认为如果它得到解决它可能会对其他人有所帮助。

您无法实现您的目标，因为表格可视化仅处理行选择。该列将始终未定义。

于 2012-11-16T19:42:12.483 回答