Google visualization 为未链接到dataTable行的google可视化时间线设置颜色

我在给谷歌可视化时间线对象的单个元素着色方面遇到了很多问题。我曾尝试以不同的方式对我的颜色[]对象排序，但目前的谷歌可视化库似乎是基于水平优先的方法来解析日期，但由于我永远不知道日期在时间轴中的具体排列方式，因此我无法预测颜色排序

我在上一篇关于堆栈溢出的文章中找到了一个不错的例子。在当前的Google可视化包中，该页面上引用的JSFIDLE实际上不适用于我（使用Chrome 49.0.2623.87）。我还尝试了Firefox，但得到了同样错误的结果

此处复制了Fiddle以供参考：

函数绘图图（）{
var container=document.getElementById（'example4.2'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Group'}）；
addColumn（{type:'string'，id:'Category'}）；
addColumn（{type:'string'，id:'id'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“集团1”、“类别”、“C00001”、新日期（2014,0,1）、新日期（2014,0,31）]，
[“集团1”、“类别”、“C00002”、新日期（2014年1月1日）、新日期（2014年1月28日）]，
[“集团1”、“类别”、“C00003”、新日期（2014年3月1日）、新日期（2014年3月15日）]，
[“集团1”、“类别B”、“C00003”、新日期（2014,0,21）、新日期（2014,2,19）]，
[“集团1”、“类别”、“C00004”、新日期（2014,0,1）、新日期（2014,0,15）]，
[“集团2”、“类别C”、“C00005”、新日期（2014年2月8日）、新日期（2014年2月15日）]，
[‘集团#3’、‘类别’、‘C00006’、新日期（2014年5月1日）、新日期（2014年5月15日）]，
[“集团4”、“类别”、“C00007”、新日期（2014年1月15日）、新日期（2014年1月25日）]
]);
var颜色=[]；
var colorMap={
//应包含每个类别的类别->颜色的地图
类别：“#e63b6f”，
类别B:“#19c362”，
类别：“#592df7”
}
对于（var i=0；i

例如，在这段代码中，根据colormap，线C00004应该是类别A，但在我的浏览器中，它的颜色像类别B！C0007也应该是A类，但颜色是C类！我甚至想不出是什么样的图案使物体呈现出这样的颜色。重新排列addRows（[]）列表会导致更疯狂的结果。。。谷歌可视化的这一功能是不是完全被破坏了？

---

我也尝试过通过引用库，但得到了相同的结果。

得到了相同的结果，也尝试过使用，没有运气。。。