ハイチャート：積み重ねたエリアチャートをExcelから正の値と負の値で再作成するとき

Question

Excelチャートをハイチャートに変換しています。

ここではチャートが付随するデータポイントと共にExcelで表示されます。説明のために、シリーズGを選択しました。そのデータにすべての正の値を持っていますが、スタックの一番下、ゼロラインの下に表示されます。ここで

（下記参照）のチャートはHighchartsにどのように表示されるかです。この例では、シリーズGがグラフの上に表示され、他のすべてのシリーズはExcelとは大きく異なって表示されます。

は参考のために、このチャートのフィドルは、ここで見つけることができます：http://jsfiddle.net/brightmatrix/woye6xxw/。私はこの記事の最後にコードサンプルを含めました。

私は残念ながら、スタックオーバーフロー上のここで以下の質問に言及しましたが、私の問題の解決に役立っているどちらも：

• Highcharts - Area Chart - Stacking with series containing negative and positive values
• Highcharts - areaspline with negative values, area should be always at the bottom

がありますAPIドキュメントに記載されていない属性や設定を使用すると、これらのシリーズをExcelと同じスタック順で描画できますか？ Highchartsでこれは可能ですか？

$(function() { 
    Highcharts.chart('container', { 
    chart: { type: 'area', }, 
    title: { text: 'Stacked Area Chart in Highcharts' }, 
    xAxis: { categories: ['2007','2008','2009','2010','2011','2012','2013','2014','2015','2016'] }, 
    plotOptions: { 
     series: { 
     marker: { enabled: false }, stacking: 'normal' 
     }, 
    }, 
    series: [ 
     { name: 'Total', data: [0,0.08,-0.31,-1.09,-1.82,-2.18,-2.49,-3.05,-3.12,-3.15] }, 
     { name: 'A', data: [0,-0.212001,-0.409192,-0.559879,-0.81,-1.089119,-1.313719,-1.606092,-1.808868,-2.041628] }, 
     { name: 'B', data: [0,0.239857,0.637651,0.733988,0.85,0.855423,0.938974,0.912378,1.017854,0.985514] }, 
     { name: 'C', data: [0,-0.096543,-0.271997,-0.512372,-0.70,-0.665893,-0.723534,-0.879249,-0.890587,-0.821584] }, 
     { name: 'D', data: [0,-0.098096,-0.170803,-0.688206,-0.92,-0.918492,-0.876488,-0.967249,-0.954217,-1.029596] }, 
     { name: 'E', data: [0,0.17794,0.31787,0.36,0.37,0.23917,0.17944,0.14766,0.05938,0.24891] }, 
     { name: 'F', data: [0,0.029755,-0.45174,-0.397836,-0.61,-0.56368,-0.593108,-0.462725,-0.351842,-0.210976] }, 
     { name: 'G', data: [0,0.013198,0.055014,0.019322,0.07,0.077394,0.061947,0.010502,0.035015,-0.055604] } 
    ] 
    }) 
}); 

Answer 1

は週末にこのことをじっくり考えた後、私は別のグループ（スタック）に、一連のいくつかを追加しようと、私が欲しかったものを達成することができました。

まず、Excelスプレッドシート（​​私の例ではシリーズEとB）から2つの最上位シリーズを追加して、の上から下への順にスタックします。次に、残ったシリーズを以下ののゼロラインと表示されている第2のスタック「II」に追加しました。下からの順番になります。

ここで改訂された一連のコードです：

series: [ 
    { name: 'Total', type: 'line', data: [0,0.08,-0.31,-1.09,-1.82,-2.18,-2.49,-3.05,-3.12,-3.15] }, 
    /* stack I items */ 
    { name: 'E', stack: 'I', data: [0,0.17794,0.31787,0.36,0.37,0.23917,0.17944,0.14766,0.05938,0.24891] }, 
    { name: 'B', stack: 'I', data: [0,0.239857,0.637651,0.733988,0.85,0.855423,0.938974,0.912378,1.017854,0.985514] }, 
    /* stack II items */ 
    { name: 'G', stack: 'II', data: [0,0.013198,0.055014,0.019322,0.07,0.077394,0.061947,0.010502,0.035015,-0.055604] }, 
    { name: 'F', stack: 'II', data: [0,0.029755,-0.45174,-0.397836,-0.61,-0.56368,-0.593108,-0.462725,-0.351842,-0.210976] }, 
    { name: 'D', stack: 'II', data: [0,-0.098096,-0.170803,-0.688206,-0.92,-0.918492,-0.876488,-0.967249,-0.954217,-1.029596] }, 
    { name: 'C', stack: 'II', data: [0,-0.096543,-0.271997,-0.512372,-0.70,-0.665893,-0.723534,-0.879249,-0.890587,-0.821584] }, 
    { name: 'A', stack: 'II', data: [0,-0.212001,-0.409192,-0.559879,-0.81,-1.089119,-1.313719,-1.606092,-1.808868,-2.041628] } 
] 

結果のグラフがそのExcelの先祖で非常にきれいアップ一致します

はあなたがここに改訂されたフィドルを見つけることができます：http://jsfiddle.net/brightmatrix/fjhfxL83/

を

私はこの質問と回答が誰かに役立つことを願っています！