Javascript 数据相同的路线柱形图和折线图（高图）

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

以下是一个例子：

垂直线和红色绘图线应相互重合。 如何解决此问题？

将两个图表的pointRange设置为相同：-列范围的工作方式有点不同，如您所见。

$(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
        }]
    });

});