使用HighCharts 100％寬度的堆疊條形圖

Question

如何創建下面的條形圖？有兩個版本。謝謝。

Answer 1

可以實現與堆疊條形圖的結果。兩個系列 - 一個是實際數據，另一個是填充酒吧和保存標籤。您應該對自己的數據進行歸一化（爲第二個系列設置互補值，爲軸設置最小/最大值）。

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}' 
    } 
}] 

例如：http://jsfiddle.net/tPw24/553/

對於第二個圖表，只是交換了顏色和數據：http://jsfiddle.net/tPw24/555/