2012-05-11 36 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));