Highcharts 填充条背景

Question

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

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/

您可以看到第一个条是灰色的，我可以将其余条设为灰色，这样就可以了，但是条不会根据分辨率进行缩放

Answer 1

你可以这样做：

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

这里是工作代码：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
    }]