2012-09-27 41 views
0

我正在使用Google可视化图表。我设计了一个orgChart。这是我的代码。获取Google可视化图表中的选定值

<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]. 

无论我曾经给的数据格式是错误的,否则,我需要的任何其他事情。我的要求是,当我点击数据意味着,点击的值应该显示在警告框中。

回答

2

我意识到这是一个旧帖子,但我认为它可以帮助别人,如果它得到解决。

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

相关问题