Highcharts填充栏背景

嗨，大家好，我有一个高位图，这是一个堆叠酒吧，我试图让我的图表显示它正在填充的效果，几乎就像一个温度计。目前，当图表绘制红色和灰色条时，将所有内容推向右侧。有没有一种方法可以设置灰色条，以便在页面加载时立即显示，然后红色条填充到灰色条中？由于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/

你可以看到，第一条是灰色的，我可以休息灰色，这将是很好，但酒吧不会根据分辨率

来源

2014-02-05 user2645904

你看起来像这样http://jsfiddle.net/L974T/2/ – Strikers

我认为他们是像http://jsfiddle.net/7CFP2/后，但与每个栏的背景从0到100显示为灰色b在动画开始之前。这会导致酒吧装满的效果。 – SteveP

一般来说，你可以附上样机它应该是什么样子？ –

根据以下是你可以做的：

多加一个系列，以不同的堆栈（背景） - 动画那个系列应该被禁用（复制灰色之一）
变色为右手系列透明

这里正在代码：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 
    }]

来源

2014-02-07 11:42:39

非常感谢Pawel – user2645904

Highcharts填充栏背景

回答

相关问题