javascript - 根据字符串值为项目分配不同的颜色

Question

我的图表看起来不错，但所有项目都有相同的颜色。我在时间线上有三种类型的数据，我试图弄清楚如何根据字符串值为不同的组分配不同的颜色。

例如，所有具有“.txt”文件扩展名的项目我都会是黄色的。然后所有具有“.tnt”文件扩展名的项目我想是红色的。最后，所有带有“.doc”的项目我都希望是绿色的。

现在下面的代码显示时间轴上的所有项目，但所有项目都是一种颜色。

更新：19 年 1 月 11 日

错误：无法读取未定义的属性“事件”。

render() {

    const array = data.abs.map(a, index) => ({id: index + 1, content: abs.Ent, start: abs.time, title: abs.Trc, end: null}))

    var new_array = new vis.DataSet();
    if (array.abs.Event.match(".exe")) {
        new_array.add({group: 1})
    } else {
        if (array.content.match(".html"))
            new_array.add({group: 2});
    }