Amcharts:对于计划日期和基于时间的轴

问题描述 投票:0回答:2

我想说明一个时间表的基础上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;

但是,只显示小时,这是用户很难理解的图表。

javascript amcharts gantt-chart
2个回答
1
投票

你不能直接绘制多个轴值(除非amcharts发现一个用例,并增加了一个包装),但你可以听点击或缩放事件,并更新与轴新值图表。复位回来,当他们缩小。您是再因为剧情尺度上的变焦反正渲染图有每次被放大的时间重新计算。

如果这是一个可以接受的方法,我将更新代码的答案。您也可以尝试在自己的平均时间与所提到的逻辑。


0
投票

我发现在Amcharts V3以下解决方案。

第一种是把日期作为X轴,和时间作为Y轴:https://www.amcharts.com/docs/v3/tutorials/using-gantt-chart-display-multi-segmented-columnsbars/

第二个实际工作,因为我想在下面的问题解释说:https://www.amcharts.com/docs/v3/tutorials/gantt-chart-legend/

谢谢你,希望这将有助于别人一次性。

© www.soinside.com 2019 - 2024. All rights reserved.