2012-09-18 5 views
5

Ich habe ein Tortendiagramm angezeigt mit JqPlot. Ich wäre daran interessiert, die tatsächlichen Farben der Scheibe zu ändern, und hatte bisher kein Glück.JqPlot Kreisdiagramm - Change Pie Slice Farben

Ich stieß auf this link und versuchte die Lösung, aber ich bin mir nicht sicher, ob ich es an der falschen Stelle (habe versucht, es an ein paar Stellen in den Code einfügen) als wenn ich es in, die Kreisdiagramm wird nicht mehr angezeigt (und stoppt tatsächlich den Rest der Diagramme auf der Seite).

Hier ist die Javascript-Code für das Kreisdiagramm:

$(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'} 

     } 
    ); 
    }); 

Hat jemand irgendwelche Ideen?

+1

einen Blick auf seriesColors haben - http://www.jqplot.com/docs/ files/jqPlotOptions-txt.html – Neil

+1

@Neil Das hat perfekt funktioniert. Möchten Sie Ihren Link als Antwort setzen und ich werde es als richtig markieren? – 109221793

Antwort

16

Sie seriesColors auf ein options Objekt zB anwenden können:

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

Die entsprechende Dokumentation finden Sie unter: jqPlot Options.

+1

funktioniert für mich .. danke – andy

+0

Nur eine kleine Anmerkung, dass der "Optionen" Abschnitt der jqPlot-Dokumente manchmal veraltet sein kann. Überprüfen Sie die Kopfzeile auf alles, was eine Warnung anzeigt. – Bern

+0

Leider können Sie diese Farbe nicht auf "transparent" setzen ... –

Verwandte Themen