2

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

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

2 回答 2

0

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

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

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

但是您知道...将 x 和 y 切换为您的学生数据实际具有的变量。

于 2012-05-11T20:40:23.447 回答
0

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

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

于 2016-10-27T19:11:13.283 回答