使用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/