我正在使用Google可视化图表。我设计了一个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。
答案 0 :(得分:2)
我意识到这是一个旧帖子,但我认为如果它得到解决可能对其他人有帮助。
由于表格可视化仅处理行选择,因此无法实现目标。该列始终未定义。