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;

随心所欲。

此外，值得注意的是，对于基于日期的类别轴，startOnAxis 仅在 equalSpacing 设置为 true 时才有效。

AmCharts 消除了 serialChart 开始时的间隙

AmCharts remove gap at start of serialChart

javascript

amcharts