HighCharts：如何將自定義顏色與漸變結合起來

現在有一段時間我正在玩着我的餅圖着色......並且我得到了沒有漸變的自定義顏色，或者使用了漸變的默認顏色......我的顏色存儲在PHP字段，我想加載像colors: <?echo $myColors;?>。我的代碼實際狀態是這樣的（它顯示了梯度默認顏色）：HighCharts：如何將自定義顏色與漸變結合起來

colors: Highcharts.map(Highcharts.getOptions().colors, function(color) { 
    return { 
     radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, 
     stops: [ 
       [0, color], 
       [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken 
     ] 
    }; 
})

我應該如何修改它，所以它會顯示在簡單的方法我自己的顏色？此外，我didn't找到什麼是「停止」選項...

來源

2013-02-13 Michal S

用你的顏色map代替Highcharts內置的：

colors: Highcharts.map(<?echo $myColors;?>, function(color) { 
    return { 
     radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, 
     stops: [ 
       [0, color], 
       [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken 
     ] 
    }; 
})

來源

2013-02-13 11:44:32

尼斯和簡單的:)謝謝！ – 2013-02-13 11:54:32

一個小缺陷......當我點擊某個切片時，前3個切片的顏色突然變回默認...我試圖在jsFiddle中重現這一點，但它在那裏正常工作...你有沒有想法，這可能是什麼造成的？我的數組看起來像這樣：$ myColors = array（'＃199ED5'，'＃77CC6D'，'＃F136AD'，'＃FF954E'，'＃FFCC00'，'＃00FFFF'，'＃FF0000'，'＃66FF00' ， '＃660099'）; – 2013-02-13 12:26:22

解決！改變顏色的數量實際上等於第二個圖表（此時設置爲默認顏色）顯示的切片（顏色）的數量......因此，我認爲在將自己的顏色主題設置到第二個圖表後，此問題自敗。 – 2013-02-13 12:35:37

HighCharts：如何將自定義顏色與漸變結合起來

回答

相關問題