Chart.js是一个非常流行的JavaScript图表库。时间线是一种非常流行的图表类型。看起来chart.js可以制作许多不同类型的图表，但时间线除外。是否可以用chart.js制作时间线？
56lgkhnf1#
时间线有延长。https://github.com/fanthos/chartjs-chart-timeline它不是很有名，也没有太多的文档，但我用它工作，它的工作相当不错。有什么问题尽管问。
58wvjzkj2#
我也在寻找用chartjs 3绘制时间线/甘特的方法（在我的例子中是react-chartjs-2），但是我找不到一个很好的例子来满足我的所有需求。1.使用Date作为开始和结束1.一个图形中的多个组1.自定义工具提示1.不重叠-〉将事件移动到一个组内的新行，使其不重叠所以我开始尝试水平堆叠条形图，并得到了我所需要的一切。我能够格式化和堆叠数据，以满足我所有的需要，而不需要任何花哨的库，只有chartjs 3和数据格式化。在我的应用程序中，我还创建了水平滚动过滤数据，这工作得相当不错。我使用了Stacked Bar Chart with Groups和Horizontal Bar Chart作为起点。这些信息是使其正常工作所必需的：1.通过提供包含两个数值条目的数组，可以为条形图指定起始值和结束值
Date
stack
skipNull
datalabels
display
2条答案
按热度按时间56lgkhnf1#
时间线有延长。
https://github.com/fanthos/chartjs-chart-timeline
它不是很有名，也没有太多的文档，但我用它工作，它的工作相当不错。
有什么问题尽管问。
58wvjzkj2#
我也在寻找用chartjs 3绘制时间线/甘特的方法（在我的例子中是react-chartjs-2），但是我找不到一个很好的例子来满足我的所有需求。
1.使用
Date作为开始和结束1.一个图形中的多个组
1.自定义工具提示
1.不重叠-〉将事件移动到一个组内的新行，使其不重叠
所以我开始尝试水平堆叠条形图，并得到了我所需要的一切。我能够格式化和堆叠数据，以满足我所有的需要，而不需要任何花哨的库，只有chartjs 3和数据格式化。在我的应用程序中，我还创建了水平滚动过滤数据，这工作得相当不错。
我使用了Stacked Bar Chart with Groups和Horizontal Bar Chart作为起点。
这些信息是使其正常工作所必需的：
1.通过提供包含两个数值条目的数组，可以为条形图指定起始值和结束值
stack的第一个条形的值是绝对值，同一stack的所有后续值必须是相对于前一个条形的结束值1.您需要使用
skipNull属性1.您还需要使用
datalabels选项的display函数来隐藏所有具有空值的数据标签我在codesandbox中创建了一个基本示例：
Basic Example