Highcharts：斑馬色圖表背景

如何將高圖背景設置爲像下面的斑馬風格？顏色與數據無關。這只是在x軸垂直網格上的斑馬風格。 PS。對數字感到抱歉。我無權插入圖片。謝謝Highcharts：斑馬色圖表背景

| color1 | color2 | color1 | color2 |
| color1 | color2 | color1 | color2 |
| color1 | color2 | color1 | color2 |
| color1 | color2 | color1 | color2 | ...
0 ----- 10 ------ 20 ------ 30 ------ 40

2013-07-12 user2575561

您可以通過使用從該plotBackgroundColor實現這一目標chart選項與xAxis選項中的alternateGridColor相結合。

下面是一個例子：

var color1 = 'rgba(255, 0, 0, .3)'; 
var color2 = 'rgba(255, 0, 255, .2)'; 

chart: { 
    plotBackgroundColor: color1 
}, 
xAxis: { 
    alternateGridColor: color2, 
    ... 
}, 
...

一個活生生的例子：http://jsfiddle.net/YRgBf/1/

來源

2013-07-12 09:47:05

這是2種顏色和必須做的試驗和錯誤找到公式來得到正確的最終顏色搭配。它有簡單的方法嗎？ – user2575561

@ user2575561你是什麼意思「必須做試驗和錯誤找到公式才能得到正確的最終顏色」？你之前有一些JavaScript代碼來計算顏色？如果你有一些代碼，你可以給我們一個jsFiddle嗎？ –

對不起。我的錯。只需將alpha設置爲1，結果就是我想要的。 – user2575561

Highcharts：斑馬色圖表背景

回答

相關問題