Question

大家好我有一个堆叠条形图的高图图表，我试图给我的图表带来它正在填充的效果，几乎就像一个温度计。目前，当图表绘制红色和灰色条时，将所有内容推向右侧。有没有办法我可以设置灰色条，以便它立即显示在页面加载，然后红色条填充到灰色条？感谢

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

Highcharts填充酒吧背景

1 个答案: