highcharts：在条之间设置相同的间距

Question

我有一个图表，其中的图表没有在一条直线上对齐。我怎样才能使它们对齐。在下图中有三个图表，左起第一个图表只有结果，第二个有两个结果，第三个图表（右）有结果。第一个只有一个结果，所以它显示在图表的中间，有没有我可以设置的选项，让所有三个都在一条直线上对齐。

https://api.highcharts.com/highcharts/

Image of the chart

我尝试将空值设置为零，但没有用。

Answer 1

出现此问题是因为 Highcharts 条形图中的点在绘图区域中的位置相同。

作为解决方法，您可以像这样设置空点：

Highcharts.chart('container1', {
  ...
  series: [{
    pointWidth: 20,
    data: [
        null,
      null,
        234
    ]
  }],
});

Highcharts.chart('container2', {
  ...
  series: [{
    pointWidth: 20,
    data: [
        null,
      439,
      525
    ]
  }],
});

Highcharts.chart('container3', {
  ...
  series: [{
    pointWidth: 20,
    data: [
      439,
      525,
      346
    ]
  }],
});

演示：

https://jsfiddle.net/BlackLabel/yc8grdeL/1/

highcharts：在条之间设置相同的间距

highcharts: Set same spacing between bars

highcharts

angular7