javascript - AmCharts 消除了 serialChart 开始时的间隙

Question

我是第一次尝试 AmCharts，但在一件小事上遇到了麻烦。我使用以下 javascript 创建了一个图表:

   dayGraph = new AmCharts.AmGraph();
   dayGraph.valueField = "value";
   dayGraph.type = "line";
   dayGraph.balloonText = "<b>[[value]]</b>";
   dayGraph.connect = false;
   dayGraph.lineThickness = 2;
   dayGraph.lineColor = "#8B0000";
   dayGraph.fillColor = "#8B0000";
   dayGraph.fillAlphas = 0.5;

   chartCursor = new AmCharts.ChartCursor();

   energyChart = new AmCharts.AmSerialChart();
   energyChart.categoryField = "time";
/*   energyChart.startDuration = 1;*/
   energyChart.addGraph(dayGraph);
   energyChart.categoryAxis.parseDates = true;
   energyChart.categoryAxis.minPeriod = "mm";
   energyChart.chartCursor = chartCursor;
   energyChart.categoryAxis.equalSpacing = true;

它似乎运行良好，但我似乎无法找到一种方法来消除图表开始处的间隙(在 00:00 值之前)。第一个数据点正好在 00:00，所以我希望这个点位于垂直轴上。相反，有一个小差距。查看下面的图片，了解它目前的样子，以及我希望它看起来如何。

当前图表如下所示:

我希望它看起来像这样:

Answer 1

每个系列图表都有 categoryAxis 属性，引用了 CategoryAxis 对象。所以你可以将它的 startOnAxis 属性设置为 true:

energyChart.categoryAxis.startOnAxis = true;

或者，如果你需要实例化你自己的:

energyChart.categoryAxis = new AmCharts.CategoryAxis();
energyChart.categoryAxis.startOnAxis = true;

任何让你的船漂浮的东西。

此外，值得注意的是，对于基于日期的类别轴，只有当 equalSpacing 设置为 true 时，startOnAxis 才会起作用。