使用Google Visualization有一种交换x轴和y轴的方法吗?

时间:2012-05-11 19:58:08

标签: php javascript google-visualization

我已经格式化了一个php数组,其中包含列的教师和行的测试。我正在为ColumnChart和Table使用相同的数组。正确设置了ColumnChart的数据,但是当我在Table上使用它时,数据就像我想要的那样(教师需要在左边,测试需要在顶部)。

有没有一种简单的方法可以使用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);

2 个答案:

答案 0 :(得分:0)

在将x和y数据传递给GV之前,您应该能够使用javascript切换x和y数据。

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

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

但是你知道......无论学生数据实际上对变量有什么影响,都要切换x和y。

答案 1 :(得分:0)

此图表的横向版本在Google的世界中称为BarChart,因此您可以使用:

private List<Professor> professors;