将自定义变量分配给Google图表方法

时间:2011-01-10 15:16:48

标签: javascript google-visualization

我有一个php页面,可以根据XML文档中的值创建google-chart。

这里摘自代码: 定义XML文档

<script>    
var xmlDoc;
function loadXML() {
if (window.ActiveXObject) {
 xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
 xmlDoc.async=false;
 xmlDoc.load("fighters_fixed.xml");
} else if (document.implementation && document.implementation.createDocument) {
 xmlDoc=document.implementation.createDocument("","",null);
 xmlDoc.load("fighters_fixed.xml");
}
else {
  alert('Your browser does not support XML DOM');
}
}
</script>

Google图表代码:

google.load('visualization', '1', {'packages':['corechart']});

google.setOnLoadCallback(drawChart);

var data1 = parseInt(xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue);

function drawChart() {

 var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Fights');
        data.addColumn('number', 'Attendance');
        data.addRows(1);
        data.setValue(0, 0, '2006');
        data.setValue(0, 1, 120);
        data.setValue(0, 2, 400);

var diagram = new google.visualization.BarChart(document.getElementById('show_chart'));
        diagram.draw(data, {width: 690, height: 500, title: 'Attendance in the span 2006-2010',
                          vAxis: {title: 'Year', titleTextStyle: {color: 'green'}}, 
        hAxis: {title: 'Value', titleTextStyle: {color: 'green'}}                         
        });
}

现在,为了达到目的! 我想从XML节点中获取一个值,并在setValue方法中以某种方式分配它。 这就是我从特定节点获取数值的方法,我似乎无法在setValue方法中使用它并让它在图表上工作。

var data1 = parseInt(xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue);

不起作用:data.setValue(0,1,data1);

请帮忙吗?

0 个答案:

没有答案