有角度的。高图。柱形图。 X轴上的列位置

Question

我有一个用Angular.JS制作的图表。每列都有自己的堆栈级别，并且实质上是在管理自己的数据组

我的系列是一系列对象，如下所示：

[{
   name: seriesGroup.name,
   data: [number],
   xAxis: xAxisLevel,
   stack: xAxisLevel
}]

我遇到的问题是highcharts似乎会自动添加一些偏移样式，从而使每一列移出位置。理想情况下，我希望所有列都正确居中，就像 Currency 一样。请参见上图，您可以看到x位置已添加到rect标签中。

是否可以将任何参数设置为highcharts以禁用此效果？我无法在API文档中找到任何此类内容。

请查看小提琴以获得简化版本： https://jsfiddle.net/nz0v8w5u/

Answer 1

您可以使其设置适当的db.getCollection('period').find({ $where: function() { return this.dt_stop.getTime() <= this.dt_start.getTime() + 60000 } }) 属性。在您的情况下，0.5似乎按预期工作。检查下面发布的代码和演示。

为什么要添加五个xAxis而不是仅使用一个？使用一个坐标轴，海图可以自动正确地定位列，并且代码更加容易。检查以下示例：https://www.highcharts.com/demo/column-stacked

代码：

plotOptions.series.groupPadding

演示： https://jsfiddle.net/BlackLabel/7pL8mj1s/

API参考： https://api.highcharts.com/highcharts/series.column.groupPadding