Javascript 以y轴显示时间的图表

我需要一个在y轴上使用时间的ionic应用程序图表，如下所示：

我能找到的唯一一个像这样工作的东西是谷歌的时间线图：。问题是，他们不允许离线使用，这是我必须拥有的。有没有人看到什么东西能起作用？我一直在使用amCharts，但它们只允许在类别（x）轴上使用ParseDate

它们非常可定制，可以脱机工作

编辑

---

你可能对辛格哈特感兴趣。顶部的y轴与创建

scale-y-2

对象一样简单（您可以将原始

scale-y

轴设置为

可见：0

）

重叠条是通过正常的多系列条形图实现的，该条形图的

条重叠

设置为绘图对象内部的100%，其中一个系列

条宽度

设置为80%（或您希望使用的任何百分比）。查看包含的代码片段和图表

至于对y轴值使用时间，该库提供了将要使用的

变换

对象。您可以在文档中查看

我是ZingChart团队的成员，所以如果您对实施有任何疑问，请致电我们

var myChart={
“类型”：“hbar”，
“绘图区域”：{
},
“比例-y-2”：{
“价值”：[“下午3点”、“下午4点”、“下午5点”、“下午6点”、“下午7点”]
},
“scale-y”：{
“可见”：错误
},
“情节”：{
“钢筋重叠”：“100%”
},
“系列”：[
{
“价值”：[20,5,3,4]
},
{
“值”：[18,8,4,5]，
“钢筋宽度”：“80%”
}
]
};
zingchart.render({
数据：myChart，
id:“我的图表”，
宽度：“100%”
});
#我的图表{
宽度：100%；
}

链接将来可能会死掉，你最好至少提出一个概念，我看不到任何能够在y中使用时间的概念-axis@esastincy以上是沿y轴的时间示例。然而，从上面的屏幕截图来看，它更像是要镜像x轴。如果是这样，则需要使用“相反：true”。-这是一个基于Highcharts示例之一的简单示例。@dan75在您的示例中，总体是y轴。@eStatincy使用上述两个JSFIDLE示例，您可以得到您想要的-
chart: {
    type: 'bar'
},
yAxis: {
    type: 'datetime',
    opposite: true
}