2012-09-18 10 views
5

Tengo un gráfico circular que muestra con JqPlot. Me interesaría cambiar los colores reales de la porción, y hasta ahora no he tenido suerte.Gráfico de sectores de JqPlot - Cambio de colores de sectores de rodajas

Encontré this link y probé la solución, pero no estoy seguro de si la estoy colocando en el lugar equivocado (He tratado de insertarla en algunas ubicaciones del código) como cuando la tengo, la el gráfico circular ya no se muestra (y de hecho impide que se muestre el resto de los cuadros en la página).

Aquí está el código Javascript para el gráfico de sectores:

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

     } 
    ); 
    }); 

¿Alguien tiene alguna idea?

+1

echar un vistazo a seriesColors - http://www.jqplot.com/docs/ files/jqPlotOptions-txt.html – Neil

+1

@Neil Eso funcionó perfectamente. ¿Desea poner su enlace como respuesta y lo marcaré como correcto? – 109221793

Respuesta

16

Se puede aplicar a un seriesColors por ejemplo options objeto:

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

La documentación pertinente se puede encontrar en jqPlot Options.

+1

funciona para mí ... gracias – andy

+0

Solo una pequeña nota que la sección "Opciones" de los documentos jqPlot a veces puede estar desactualizada. Compruebe el encabezado de cualquier cosa que proporcione una advertencia. – Bern

+0

Desafortunadamente, no puede establecer ese color como "transparente" ... –

Cuestiones relacionadas