Javascript Google Timeline为每个时间表固定不同的颜色

我有一个有很多行的时间表，每行都有几张时间表

我想为每个时间表确定一个确切的颜色，这样一种类型的时间表在每一行都有相同的颜色

我正在使用以下代码：

var options = {
      colors: ['#0C14F2', '#114C9E', '#ee8800', '#F6FF00'],
      timeline: {
          showBarLabels: false,
          avoidOverlappingGridLines: false
      },
      backgroundColor: '#f8f8ff'    
  };

此代码似乎随机更改时间表的颜色

更新：示例JSON输出

{"cols":[{"label":"Name","type":"string"},{"label":"Description","type":"string"},{"label":"Start","type":"date"},{"label":"End","type":"date"},{"role":"style","type":"string"}],"rows":
[{"c":[{"v":"Sample Name"},{"v":"Sample Desc"},{"v":"Date(2014,09,09,0,0,0)"},{"v":"Date(2014,09,09,1,0,0)"},{"v":"#124T‌​9E"}]}, 

使用“颜色”选项不是最好的方法，因为正确设置此选项以获得所需颜色的过程相当复杂。一种更简单的方法是使用“样式”角色列，该列中直接列出了所需的条形图颜色，例如：

var data = google.visualization.arrayToDataTable([
    ['Category', 'Name', {role: 'style'}, 'Start', 'End'],
    ['Foo', 'Cad', '#a23c7a', new Date(2014, 7, 1), new Date(2014, 7, 5)],
    ['Foo', 'Qud', '#40a67d', new Date(2014, 7, 3), new Date(2014, 7, 4)],
    ['Bar', 'Fiz', '#5581b4', new Date(2014, 7, 2), new Date(2014, 7, 9)]
]);

见示例：

[根据评论进行编辑]

您可以像这样在PHP中创建列：

$table = array(
    'cols' => array(
        array('label' => 'Name', 'type' => 'string'),
        array('label' => 'Description', 'type' => 'string'),
        array('role' => 'style', 'type' => 'string'),
        array('label' => 'Start', 'type' => 'date'),
        array('label' => 'End', 'type' => 'date')
    )
);

---

这看起来很好，但是如何在PHP数组中实现它呢？像这样：谢谢你的更新！我可以像这样在简单变量中存储颜色代码吗$颜色='#ef8602'；是的，您可以将颜色存储在变量中，只需使用数据数组中的变量来代替颜色字符串。我现在将其存储为：{“角色”：“样式”，“类型”：“字符串”}{“v”：“#114C9E”}，但它使用Google的默认颜色而不是我的颜色。