highcharts折线图和柱状图混合折线图偏移效果

var chart = Highcharts.chart('container',{
    chart: {
        type: 'column'
    },
    title: {
        text: '月平均降雨量'
    },
    subtitle: {
        text: '数据来源: WorldClimate.com'
    },
    xAxis: {
        categories: [
            '一月','二月','三月','四月','五月','六月','七月','八月'
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: '降雨量 (mm)'
        }
    },
    tooltip: {
        // head + 每个 point + footer 拼接成完整的 table
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            borderWidth: 0,
            pointPadding : 0,
            //pointStart:0
            // pointPadding : 5,
            // groupPadding : 0.5, 
            // pointWidth: 100  //设置柱子宽度
        },
        line:{
            pointStart:-0.15
        }
    },
    series: [{
        // pointPadding : 0,
        name: '东京',
        // pointWidth: 100, 
        data: [49.9, 71.5,49.9, 71.5,49.9, 71.5,49.9, 71.5]
    }, 
             {
                 // pointPadding : 0,
                 name: '纽约',
                 // pointWidth: 100, 
                 data: [83.6, 78.8,49.9, 71.5,49.9, 71.5,49.9, 71.5]
             },
             {
                 name: '东京',
                 type:'line',
                 data: [49.9, 71.5,49.9, 71.5,49.9, 71.5,49.9, 71.5]
             }]
});

 

效果图如下:highcharts折线图和柱状图混合折线图偏移效果