2012-05-11 33 views
1

我已經格式化了包含列的教師的數據的php數組,並測試了這些行。我爲ColumnChart和Table使用相同的數組。數據爲ColumnChart正確設置,但是當我在表格中使用它時,數據出現了我想要的數據(教師需要在左邊,測試需要在頂部)。藉助Google Visualization,您可以交換x和y軸嗎?

是否有一種簡單的方法可以通過Google Visualization切換x和y軸,而無需在PHP端進行格式化?

這是一些虛擬GV的東西。

var data = new google.visualization.DataTable(studentdata, 0.5); 

var table = new google.visualization.Table(document.getElementById(container)); 
var chart = new google.visualization.ColumnChart(document.getElementById(container2)); 

table.draw(data, options); 
chart.draw(data, options); 

回答

0

你應該能夠只需切換x和y數據與JavaScript將它傳遞給GV之前。

var x = studentdata.y, 
    y = studentdata.x; 

studentdata.x = y; 
studentdata.y = x; 

但是你知道......不論你的學生數據實際上是否有變量,都要將x和y轉換。

0

這個圖表的水平版本被稱爲谷歌的世界BARCHART,所以你可以使用:

var chart = new google.visualization.BarChart(document.getElementById(container2));