JqPlot餅圖 - 更改餅切片顏色

我有一個餅圖顯示使用JqPlot。我會有興趣改變切片的實際顏色，迄今爲止還沒有運氣。JqPlot餅圖 - 更改餅切片顏色

我遇到了this link並嘗試瞭解決方案，但我不確定是否將它放在錯誤的位置（試圖在代碼中的幾個位置插入它），因爲當我有它時，餅圖不再顯示（實際上停止顯示頁面上的其他圖表）。

下面是餅圖的JavaScript代碼：

$(document).ready(function() { 
     var data = [['US',33], ['IE',30], ['GB',23], ['AU',7], ['CA',4], ['RoW',7]]; 
     var plot1 = jQuery.jqplot('Countries', [data], 
     { 
      seriesDefaults: { 
       // Make this a pie chart. 
       renderer: jQuery.jqplot.PieRenderer, 
       rendererOptions: { 
        // Put data labels on the pie slices. 
        // By default, labels show the percentage of the slice. 
        sliceMargin: 5, 
        showDataLabels: true, 
       } 
      }, 
      legend: { show: true, border: false, /*placement: 'outsideGrid', location: 'w'*/location: 'e', border: 'none' }, 
      grid: {borderWidth:0, shadow:false, background: '#FFFFFF'} 

     } 
    ); 
    });

有沒有人有什麼想法？

來源

2012-09-18 109221793

看看seriesColors - http://www.jqplot.com/docs/ files/jqPlotOptions-txt.html – Neil

@Neil完美的工作。你想把你的鏈接作爲答案，我會把它標記爲正確的？ – 109221793

您可以將seriesColors到options對象如：

options = 
{ 
    seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575" ] 
}

相關文件，可以發現在jqPlot Options.

來源

2012-09-18 13:50:51 Neil

對我有用..謝謝 – andy

只需稍加說明，jqPlot文檔的「選項」部分有時可能會過期。檢查標題中是否有任何提供警告的內容。 – Bern

不幸的是，你不能將這種顏色設置爲「透明」... –

JqPlot餅圖 - 更改餅切片顏色

回答

相關問題