对齐列和折线图具有相同的数据（highcharts）

Question

我有一个问题，对齐两个分开的图表，一个接一个地放置。两个图表都基于相同的数据，但它们的xAxis显示略有不同。

这是一个例子： http://jsfiddle.net/4p7cbaje/1/

$(function () {

    var point = 5;
    var d = [[1, 50], [2, 100], [3.7, 30], [8, 60], [9,20], [10, 50], [12, 100], [14.7, 30], [17, 60], [19,20]];
    var min = 1;
    var max = 19;

    $('#container').highcharts({
        chart : {
            type: 'column'  
        },
        title: null,
        credits: false,
        legend: { enabled: false },
        xAxis: {
            min: min,
            max: max,
            plotLines: [{
                color: '#FF0000',
                width: 2,
                value: point
            }]
        },

        series: [{
            data: d
        }]
    });

    $('#container2').highcharts({
        chart : {
            type: 'line'  
        },
        title: null,
        legend: { enabled: false },
        xAxis: {
            min: min,
            max: max,
            plotLines: [{
                color: '#FF0000',
                width: 2,
                value: point
            }]
        },

        series: [{
            data: d
        }]
    });

});

垂直线（红色plotLines）应该彼此重合。 我该如何解决这个问题？