如何绘制甘特线

Question

我正在使用Backbone / Marionette（JS）构建Rails 5应用程序。 在这个应用程序中，我正在尝试绘制水平资源/甘特图。 一切正常，但现在我正在考虑绘制实际日时段并检查当天是否有活动的最佳方法。

The output is done in Javascript

这是服务器的我的输出

[{
        "total_entries": 2
    },
    {
        "entries": [{
                "id": 70,
                "fullname": "Marika Lagerkranz",
                "events": []
            },
            {
                "id": 1,
                "fullname": "Mike Palmer",
                "events": [{
                    "id": 174,
                    "description": "",
                    "starts_at_date": "2018-08-03",
                    "ends_at_date": "2018-08-03"
                }]
            }
        ]
    }
]

这是我绘制天数（单元格）的方法，但感觉很蠢

<td id="1"></td>
<td id="2"></td>
<td id="3"></td>
<td id="4"></td>
<td id="5"></td>
<td id="6"></td>
<td id="7"></td>
<td id="8"></td>
<td id="9"></td>
<td id="10"></td>
<td id="11"></td>
<td id="12"></td>
<td id="13"></td>
<td id="14"></td>
<td id="15"></td>
<td id="16"></td>
<td id="17"></td>
<td id="18"></td>
<td id="19"></td>
<td id="20"></td>
<td id="21"></td>
<td id="22"></td>
<td id="23"></td>
<td id="24"></td>
<td id="25"></td>
<td id="26"></td>
<td id="27"></td>
<td id="28"></td>
<td id="29"></td>
<td id="30"></td>
<td id="31"></td>

必须有一个好的方法来检查特定日期是否有事件，然后绘制以下内容。

如果在第14天有活动

<td id="14"><div class="event"></div></td>

否则，只需绘制一个空单元格

<td id="14"></td>