Highcharts.js:堆叠图的奇怪渲染

我的堆叠高图有一些问题:

$('#container').highcharts(
  chart:
    type: 'column'
  credits:
    enabled: false
  title:
    text: ''
  xAxis:
    lineColor: '#afafaf'
    lineWidth: 1
    tickWidth: 0
    labels:
      enabled: false
    opposite: true
  yAxis:
    min: 0
    max: 4
    gridLineWidth: 0
    lineWidth: 0
    labels:
      enabled: false
    title:
      text: ''
    reversed: true
  legend:
    enabled: false
  tooltip:
    enabled: false
  plotOptions:
    column:
      borderWidth: 1
      borderColor: '#FFFFFF'
      pointPadding: 0
      groupPadding: 0
      animation: false
      stacking: 'normal'
      dataLabels:
        enabled: false
  series: [
      color: '#FF0000' # red
      data: [1,2,3]
    ,
      color: '#0000FF' # blue
      data: [0,2,1]
  ]
)

图在这里被篡改了(我选择了一个小的容器大小来显示像素的差异)。

1. 蓝色图形没有上边界(这可以通过插入全为零的第三个系列来修复)

2. 如果容器宽度为(3n+1)px (n为任意整数)

蓝色图形的中间列与右列重叠

3. 如果容器高度为偶数，则中间栏的红色部分高度比蓝色部分小1px

我的解决方法非常难看，特别是对于(2)，因为有问题的容器宽度取决于列的数量，这在我的应用程序中可能会有所不同。

任何想法?这些错误是在highcharts.js还是我在highcharts配置中做错了什么?