2012-09-18 16 views
5

मेरे पास jqPlot का उपयोग करके प्रदर्शित एक पाई चार्ट है। मुझे टुकड़े के वास्तविक रंग बदलने में दिलचस्पी होगी, और अब तक कोई भाग्य नहीं है।जेकप्लॉट पाई चार्ट - बदलें पाई स्लाइस रंग

मैं this link पर आया और समाधान की कोशिश की, लेकिन मुझे यकीन नहीं है कि मैं इसे गलत जगह पर डाल रहा हूं (कोड में कुछ स्थानों में इसे डालने का प्रयास किया है) जैसा कि मेरे पास है, पाई चार्ट अब प्रदर्शित नहीं होता है (और वास्तव में पृष्ठ पर शेष चार्ट को प्रदर्शित करने से रोकता है)।

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

     } 
    ); 
    }); 

किसी को भी किसी भी विचार है:

यहाँ पाइ चार्ट के लिए जावास्क्रिप्ट कोड है?

+1

पर seriesColors पर एक नजर है - http://www.jqplot.com/docs/ फ़ाइलें/jqPlotOptions-txt.html – Neil

+1

@ नेइल जो पूरी तरह से काम करता है। क्या आप अपना लिंक एक उत्तर के रूप में रखना चाहते हैं और मैं इसे सही के रूप में चिह्नित करूंगा? – 109221793

उत्तर

16

आप एक options वस्तु जैसे को seriesColors आवेदन कर सकते हैं:

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

प्रासंगिक दस्तावेज पाया जा सकता है jqPlot Options.

+1

मेरे लिए काम करता है .. धन्यवाद – andy

+0

बस एक मामूली नोट है कि jqPlot दस्तावेज़ों के "विकल्प" खंड कभी-कभी पुराने हो सकते हैं। चेतावनी प्रदान करने वाली किसी भी चीज़ के लिए हेडर की जांच करें। – Bern

+0

दुर्भाग्य से, आप इस तरह के रंग को "पारदर्शी" पर सेट नहीं कर सकते ... –

संबंधित मुद्दे