ハイチャート - 円グラフが折れ線グラフに重ならないようにしますか？

Question

あなたがここに見ることができるように私は、2イン1のグラフを持っている：

http://jsfiddle.net/8ankuh8s/

$('#container').highcharts({ 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
     tickInterval: 1, 
     tickmarkPlacement: "on", 
     startOnTick: true, 
     endOnTick: true, 
     minPadding: 0, 
     maxPadding: 0, 
     offset: 0 
    }, 

    series: [{ 
     data: [190.9, 180.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }, { 
     type: 'pie', 
     data: [29.9, 71.5, 150], 
     center: [50, 40], 
     dataLabels: { 
      enabled: false 
     }, 
     size: 100 
    }] 
}); 

を}）;

円グラフが折れ線グラフに重なって表示されます。私は次のような結果（モック）を達成したい

：

私はxAxisにoffsetパラメータでこれを実行しようとしましたが、期待どおりに動作していないです。

Answer 1

あなたのグラフの場合、xAxis.minとxAxis.tickPositionerを使用することができます。あなたはAPI内部でそれらの情報を検索することができます http://api.highcharts.com/highcharts#xAxis.min http://api.highcharts.com/highcharts#xAxis.tickPositioner

あなたのX軸上のカテゴリを移動するためにそれらを使用することができます。ここでは、あなたを助けることができるコードを見つけることができます。この機能で

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    tickmarkPlacement: "on", 
    minPadding: 0, 
    maxPadding: 0, 
    min: -5, 
    tickPositioner: function() { 
    var positions = []; 
    for (var i = 0; i < this.categories.length; i++) { 
     positions.push(i) 
    } 
    return positions 
    } 
}, 

を私は、x軸にのみ、あなたのカテゴリが表示されますが、彼らはxAxis.minパラメータでシフトされます。

ここでは、それが動作する方法の例を見つけることができます。 http://jsfiddle.net/8ankuh8s/2/

敬具。