具有非均勻x軸谷歌圖表線圖表值

Question

我需要一個谷歌的折線圖，讓學生回答上來與1的值五個問題100

折線圖應該有答案y軸以及x軸上答案的時間和日期。

學生同時回答所有問題。

每個學生的答案應該有一行。

同一個問題的行應該有相同的顏色 - 即。如果有三名學生，每種顏色應有三行，每個學生一行。

我的數據看起來像這樣在PHP之前被解析成JSON字符串，並加載到谷歌圖表：

$testtable = array(
    'cols' => array(
     array('label' => 'Date', 'type' => 'datetime'), 
     array('label' => 'Student', 'type' => 'string', 'role' => 'tooltip'), 
     array('label' => 'Answer1', 'type' => 'number'), 
     array('label' => 'Answer2', 'type' => 'number'), 
     array('label' => 'Answer3', 'type' => 'number'), 
     array('label' => 'Answer4', 'type' => 'number'), 
     array('label' => 'Answer5', 'type' => 'number') 
    ), 
    'rows' => array(
     array('c' => array(
      array('v' => 'Date(2014,3,4,17,3,17)'), 
      array('v' => 'elev1'), 
      array('v' => 15), 
      array('v' => 36), 
      array('v' => 87), 
      array('v' => 10), 
      array('v' => 22) 
     )), 
     array('c' => array(
      array('v' => 'Date(2014,3,4,13,56,22)'), 
      array('v' => 'elev2'), 
      array('v' => 11), 
      array('v' => 66), 
      array('v' => 87), 
      array('v' => 23), 
      array('v' => 27) 
     )), 
     array('c' => array(
      array('v' => 'Date(2014,3,5,10,27,31)'), 
      array('v' => 'elev1'), 
      array('v' => 43), 
      array('v' => 11), 
      array('v' => 33), 
      array('v' => 64), 
      array('v' => 88) 
     )), 
     array('c' => array(
      array('v' => 'Date(2014,3,5,12,22,53)'), 
      array('v' => 'elev2'), 
      array('v' => 22), 
      array('v' => 34), 
      array('v' => 62), 
      array('v' => 32), 
      array('v' => 5) 
     )), 
    ) 
); 

這裏是我的想法： http://s21.postimg.org/p146t1dqf/chart.png

這裏是什麼我的圖表目前看起來像： http://s11.postimg.org/w6gvfa5n7/chart2.png

我很確定我的數據結構錯了，但我無法讓我的頭正確的方式來做到這一點。如果有人能提供幫助，我會非常開心。

Answer 1

LineChart每行需要一個數據系列，所以如果你想爲每個問題每個學生一行，每個問題每個學生需要一個數據系列（DataTable專欄）（所以如果你有3個學生和5個問題，你需要15個數據系列）。使用colors或series.<series index>.color選項爲線條着色。

'cols' => array(
    array('label' => 'Date', 'type' => 'datetime'), 
    array('label' => 'Student1 Answer1', 'type' => 'number'), 
    array('label' => 'Student1 Answer2', 'type' => 'number'), 
    array('label' => 'Student1 Answer3', 'type' => 'number'), 
    array('label' => 'Student1 Answer4', 'type' => 'number'), 
    array('label' => 'Student1 Answer5', 'type' => 'number'), 
    array('label' => 'Student2 Answer1', 'type' => 'number'), 
    array('label' => 'Student2 Answer2', 'type' => 'number'), 
    array('label' => 'Student2 Answer3', 'type' => 'number'), 
    array('label' => 'Student2 Answer4', 'type' => 'number'), 
    array('label' => 'Student2 Answer5', 'type' => 'number'), 
    array('label' => 'Student3 Answer1', 'type' => 'number'), 
    array('label' => 'Student3 Answer2', 'type' => 'number'), 
    array('label' => 'Student3 Answer3', 'type' => 'number'), 
    array('label' => 'Student3 Answer4', 'type' => 'number'), 
    array('label' => 'Student3 Answer5', 'type' => 'number') 
    // etc... 
)