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填充欄背景

回答

相關問題