HighChartsを使用した100％幅の積み上げ棒グラフ

Question

下の棒グラフを作成するにはどうすればよいですか？ 2つのバージョンがあります。ありがとうございました。

Answer 1

あなたは、積み上げ棒グラフで結果を達成することができます。 2つのシリーズ - 1つは実際のデータで、もう1つはバーを充填しラベルを保持するためのものです。独自のデータを正規化する必要があります（2番目の系列の相補的な値を設定し、軸の最小値/最大値を設定する）。

series: [{ 
    color: 'green', 
    data: [5, 3, 1], 
    dataLabels: { 
    align: 'right', 
    format: '{point.y} %' 
    } 
}, { 
    color: 'grey', 
    data: [{ 
    y: 3, 
    label: 'Footbal' 
    }, { 
    y: 5, 
    label: 'Soccer' 
    }, { 
    y: 7, 
    label: 'Baseball' 
    }], 
    dataLabels: { 
    align: 'left', 
    format: '{point.label}' 
    } 
}] 

例：2番目のグラフについてはhttp://jsfiddle.net/tPw24/553/

は、単に色やデータを入れ替える：http://jsfiddle.net/tPw24/555/