Angular 谷歌时间线图表，用于设置分钟范围而不是日期

我正在寻找使用谷歌图表时间线显示几分钟，而不是日期。我的意思并不是说把一天的时间限制在几分钟之内。我的意思是只显示0:00作为开始时间，然后显示5:00作为结束时间，中间有一定数量的秒

我已经找到了许多例子（例如），但与我所寻找的完全不同。所有的例子都使用datetime或timeofday，但似乎没有任何东西可以将刻度限制为任意的持续时间。我想要的所有其他功能都在那里（缩放、eventlisteners、HTML注释、JSON输入等）

是否可以根据我的需要自定义比例？甚至把它藏起来

---

顺便说一句——这是一个Angular（4）项目，所以我使用angular2谷歌图表模块从TypeScript访问谷歌图表。如果还有另一个角度分量更合适，我很想听听。

所有行使用相同的日期——开始/结束日期

仅调整日期对象上的

seconds

部分

new Date(year, month, date, hours, minutes, seconds);

请参阅以下工作片段

google.charts.load（'current'{
回调：图纸，
软件包：[“时间线”]
});
函数绘图图（）{
var container=document.getElementById（'timeline'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Category'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
['A'，新日期（2017年4月26日10月0日1日），新日期（2017年4月26日10月0日2日）]，
新日期（2017年4月26日10月0日2日），新日期（2017年4月26日10月0日3日），
新日期（2017年4月26日10月0日3日），新日期（2017年4月26日10月0日4日）
]);
图表绘制（数据表{
哈克斯：{
格式：“mm:ss”，
maxValue：新日期（2017年4月26日10月0日5日），
minValue：新日期（2017年4月26日10月0日）
}
});
}

---

对所有行使用相同的日期——开始/结束日期

仅调整日期对象上的

seconds

部分

new Date(year, month, date, hours, minutes, seconds);

请参阅以下工作片段

google.charts.load（'current'{
回调：图纸，
软件包：[“时间线”]
});
函数绘图图（）{
var container=document.getElementById（'timeline'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Category'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
['A'，新日期（2017年4月26日10月0日1日），新日期（2017年4月26日10月0日2日）]，
新日期（2017年4月26日10月0日2日），新日期（2017年4月26日10月0日3日），
新日期（2017年4月26日10月0日3日），新日期（2017年4月26日10月0日4日）
]);
图表绘制（数据表{
哈克斯：{
格式：“mm:ss”，
maxValue：新日期（2017年4月26日10月0日5日），
minValue：新日期（2017年4月26日10月0日）
}
});
}

太棒了。谢谢我错过了哈克斯的选择。时间线的CHAP链接库版本似乎不支持它。但他们有一个新版本，我必须检查：太棒了。谢谢我错过了哈克斯的选择。时间线的CHAP链接库版本似乎不支持它。但它们有一个新版本，我必须签出：