मैं प्रति बार jqplot बार चार्ट रंग कैसे सेट करूं?

Question

मैं अपने jqplot बार चार्ट बार के रंग सेट करने की कोशिश कर रहा हूं। हमेशा छह बार मौजूद होंगे, जो 2 बार के सेट में समूहित होंगे।

line1 = [6000, 5000, 5500]; 
line2 = [16000, 10000, 14000]; 

मैं अब तक निम्नलिखित का उपयोग किया है:: हर बार पहले 2 बार के बीच

seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501", "#027997", "#CF3501", "#027997"], 

लेकिन jqPlot विकल्पों के बजाय घोषित के सभी का उपयोग कर यहाँ डेटा का एक उदाहरण के लिए साजिश रची जा रही है रंग की। यह शायद इसलिए है क्योंकि यह केवल 2 श्रृंखला मौजूद है, डेटा के प्रति सेट में से एक है।

बार बार रंगों को स्पष्ट रूप से सेट करने का कोई तरीका है?

Answer 1

मैं इस का उपयोग कर varyBarColor method तो आप एक सरल सरणी में सलाखों के लिए अलग अलग रंग सूचीबद्ध कर सकते हैं जैसे आप पहले से ही किया है, लेकिन यह बजाय प्रत्येक बार के लिए इन रंगों का उपयोग करेगा अगर वहाँ केवल एक श्रृंखला है। यहां मेरे कोड का एक उदाहरण दिया गया है:

plot1 = $.jqplot('chart1', [s1], { 
     title: 'Example Income Graph', 
     seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions:{ varyBarColor : true }, 
      pointLabels: { show : true } 
     }, 
     axes: { 
      xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       label:'Net Growth (%)', 
       ticks: ticks 
      }, 
      yaxis:{ 
       label:'Income (£)', 
       tickOptions:{ formatString:'%d'}, 
       autoscale:true, 
       min:0, 
       max:10000 
      } 
     }, 
     seriesColors: [ "#eee", "#ccc", "#999"], 
     highlighter: { show: false } 
    }); 

इस ग्राफ में मेरे पास 3 बार के साथ एक श्रृंखला थी और वे प्रत्येक एक अलग रंग ग्रे हैं।

Answer 2

यह बहुत पुराना है, लेकिन अभी भी सही जवाब नहीं है, और इसे समझने में मुझे कुछ समय लगा, तो यह यहां जाता है।

आप दो चीजों की जरूरत है: सेट varyBarColor और एक श्रृंखला सरणी प्रत्येक श्रृंखला के लिए श्रृंखला रंग होता है, seriesDefaults के रूप में एक ही स्तर पर पारित किया है, जैसे:

plot1 = $.jqplot('chart1', [s1, s2], { 
      title: 'Example', 
      seriesDefaults:{ 
       renderer:$.jqplot.BarRenderer, 
       rendererOptions:{ varyBarColor : true }, 
       pointLabels: { show : true } 
      }, 
      series: [{seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501"]}, 
        {seriesColors: ["#027997", "#CF3501", "#027997"]}] 
      } 

Answer 3

इस

तरह की कोशिश

series:[{renderer:$.jqplot.BarRenderer , seriesColors: ["#F3CBBF", "#BFDDE5", #CF3501","#eee", "#ccc", "#999"] }]