Javascript Amcharts：基于日期和时间的进度轴

我想在基于Amcharts的甘特图中显示日程安排。它将包含一整周，以及本周每天不同时段的小时数

这意味着，当我看到整个星期，在X轴上，它将显示天： 4月1日，4月2日。。。4月7日

当我为一个特殊的日子放大时，它会在几个小时内出现： 08:00, 08:30 ... 13:30，14:00

在寻找解决方案时，我只找到了几天或几个小时的示例。但从来没有一个我需要的混合轴。是否可以使用Amcharts

目前，我的代码如下所示：

var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.dateFormatter.dateFormat = "yyyy-MM-dd HH:mm";
dateAxis.renderer.minGridDistance = 50;
dateAxis.baseInterval = { count: 10, timeUnit: "minute" };
dateAxis.max = new Date(2018, 0, 5, 24, 0, 0, 0).getTime();
dateAxis.strictMinMax = true;
dateAxis.renderer.tooltipLocation = 0;

---

但是它只显示小时，用户很难理解图表。

您不能直接绘制多个轴值（除非amcharts找到用例并添加包装器），但您可以收听单击或缩放事件，并使用轴的新值更新图表。当他们缩小时，重置它。由于每次缩放时都必须重新计算打印比例，因此在缩放时仍将重新渲染图表

---

如果这是一种可接受的方法，我将用代码更新答案。您也可以同时尝试使用上述逻辑。

我在Amcharts V3中找到了以下解决方案

第一个是将日期作为X轴，时间作为Y轴：

第二种方法实际上是我想要的，并在下面的问题中解释：

---

谢谢你，希望它能帮助别人一次

是的，可以接受。请用一些代码更新，因为我真的不明白如何实现这一点。非常感谢。