javascript - Highcharts 填充栏背景

嗨，大家好，我有一个高图图表，它是一个堆积的条形图，我想让图表看起来像温度计一样被填充。当前，当图表绘制时，红色和灰色条将所有内容推向右侧。有没有一种方法可以设置灰色条，使其在页面加载时立即显示，然后红色条填充到灰色条中？谢谢

http://jsfiddle.net/jimbob25/L974T/

 series: [{
        name: 'null',
        data: [5, 69, 86, 75, 48],
        borderRadius: 5,
        color: "gray"
    }, {
        name: 'Values',
        data: [95, 31, 14, 25, 62],
        color: "red",
        borderRadius: 5
    }]

更新，我希望它看起来像下面链接中的第一个栏
http://jsfiddle.net/L974T/3/

您可以看到第一个条是灰色的，我可以将其余的条设置为灰色，这很好，但是这些条不会根据分辨率缩放

最佳答案

您可以执行以下操作：


再添加一个系列，使用不同的堆栈（作为背景）-应该禁用该系列的动画（与灰色重复）
将右侧系列的颜色更改为透明


这是工作代码：http://jsfiddle.net/L974T/4/

    series: [{
        name: 'null',
        data: [5, 69, 86, 75, 48],
        borderWidth: 0,
        color: "rgba(0,0,0,0)"
    }, {
        name: 'null',
        data: [5, 69, 86, 75, 48],
        borderWidth: 0,
        stack: 1,
        animation: false,
        color: "gray"
    }, {
        name: 'Values',
        data: [95, 31, 14, 25, 62],
        color: "red",
        borderWidth: 0,
        borderRadius: 5
    }]