Charts 创建类似甘特图的平行条形图，用于并行线程计时可视化

我需要创建一个图表，它有点像Chrome Inspector向您展示的那样，在一个时间线上可视化所有与页面相关的请求。输入数据是一个简单的元组：

(start_timestamp, end_timestamp, task_name)

任务是独立的，所以我对甘特式的“X后Y”可视化不感兴趣

我现在的方法是破解一个堆叠的水平条形图（堆栈中的第一个条形图应该是透明的，以使任务在T等于0之后开始）

我只是想知道是否有什么东西已经为这种可视化设计好了

---

任何一种理智的语言都可以，真的。

一个带有浮动条形图的JavaScript图表库应该能够实现灵活的任务计时。有些甚至有UTC选项，因此您可以将其用于时间戳数据（如果是这样收集的话）

下面是我使用的JS图表库制作的一个基本演示，几个月内有两项任务：

var myConfig={
“类型”：“hbar”，
“标题”：{
“文本”：“时间可视化”
},
“情节”：{
},
“scale-x”：{
“值”：[“任务1”、“任务2”]
},
“scale-y”：{
“价值”：[“一月”，
“二月”，
“三月”，
“四月”，
“五月”，
“六月”，
“七月”，
“八月”，
“九月”，
“十月”]，
“项目”：{
“字体大小”：“6px”
}
},
“系列”：[
{
“值”：[10,1]，
“偏移值”：[1,1]，
“文本”：“Microsoft”，
“背景色”：“#2ABCF8”
},
{
“价值”：[7,3]，
“偏移值”：[2,2]，
“文本”：“Oracle”，
“背景色”：“15A7E3”
},
{
“价值”：[6,10]，
“偏移值”：[3,3]，
“文本”：“戴尔”，
“背景色”：“#0193CF”
}
]
};
zingchart.render（{
id:'我的图表'，
资料来源：myConfig，
身高：400，
宽度：600
});

zingchart.MODULESDIR=https://cdn.zingchart.com/2.1.2/modules/';