使用多维PHP数组填充Google组合图

Question

我有一个学生数据的php数组。 看起来像这样：

array(5) {
    ["question1"]=>
        array(30) {
            ["2014, 03, 02"]=>
                array(10) {
                    ["student1"]=>
                    int(54)
                    ["student2"]=>
                    int(43)
                    ... etc. ...
                    ["median"]=>
                    string(2) "49"
}

每天，学生回答5个问题，其值从1到100。每天计算一个问题的所有答案的中值。 答案和中值如上存储。

现在，我想用此数据填充Google Charts组合图，但无法正常工作。

我想用X轴上的日期，Y轴上的1-100值以及每个答案作为一个点来可视化数据。 中值的数据应显示为各点之间的曲线。 每个问题的点和曲线应具有自己的颜色。

但是我几乎被困住了。 我不知道如何插入数据。 我已经尝试过这种方法：

var jsonData = (<?= json_encode($data)?>);
var data = new google.visualization.arrayToDataTable(jsonData);

但我只收到以下错误消息：

Uncaught Error: Not an array    format+da,default+da,ui+da,corechart+da.I.js:181
lda    format+da,default+da,ui+da,corechart+da.I.js:181
Gp    format+da,default+da,ui+da,corechart+da.I.js:183
drawChart    ?side=graf:4888

Answer 1

您需要更改数据格式。 Visualization API期望表格形式的数据，其中x轴数据在第一列中，每个数据系列（一组彩色点）都是其自己的数据列。 您可以构造DataTable的json表示形式（供DataTable构造函数使用）或数据数组的数组（供arrayToDataTable函数使用）。

由于您已经在使用arrayToDataTable函数，因此这是您需要的结构：

$data = array(
    array('Date', 'Question 1', array('type' => 'number', 'role' => 'interval', 'id' => 'Q1Median'), 'Question 2', array('type' => 'number', 'role' => 'interval', 'id' => 'Q2Median') /* repeat for other questions */),
    // format is array(date, q1 score, q1 median, q2 score, q2 median...)
    // set the median in the first row for the day, leave it null for all other rows
    array('2014, 03, 02', 54, 49, /* repeat for other questions */),
    array('2014, 03, 02', 43, null, /* repeat for other questions */),
    // repeat one row for each student for each day
);

中间值在“间隔”角色列中设置，您可以设置其样式以在图表选项中显示为曲线：

interval: {
    // use the column ID of an interval to set the options for that interval
    Q1median: {
        style: 'line'
    },
    Q2median: {
        style: 'line'
    }
    // etc...
}

样式间隔的选项在此处记录 。