2012-02-16 11 views
9

मैं चार्ट बार ... ठोस रंग देने की आवश्यकता चार्ट बार ठोस रंग देने के लिए मैं इस लिंक Bar chart Exampleकैसे में flot

का पालन किया है लेकिन मैं ठोस रंग देना चाहता हूँ और मैं भी बदलने की जरूरत है खुद को रंग ... यह कैसे करें ...

उत्तर

21

सबसे पहले, API.txt पढ़ें, यह आपके सभी सवालों के जवाब देता है। दो चीजें जो आपको करने की ज़रूरत है। जब आप निर्दिष्ट करते हैं कि आप बार चाहते हैं, तो fill: 1 सेट करें, जो 100% अपारदर्शी रंग बनाने के लिए फ़्लॉट बताता है। प्रति श्रृंखला रंग निर्दिष्ट करने के लिए, प्रत्येक डेटा ऑब्जेक्ट में केवल color:'red' जोड़ें।

var data = [ 
    {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]}, 
    {label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]}, 
    {label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]}, 
]; 

और flot इस तरह के विकल्प:

तो तुम इस तरह एक डेटा वस्तु के साथ खत्म

{ 
    series: { 
     stack: 1, 
     bars: { 
      show: true, 
      barWidth: 0.6, 
      fill:1 
     } 
    } 
} 

यहां कार्य करते हुए देखें: http://jsfiddle.net/ryleyb/kKdxt/

+0

'भरने में: 1 ', 1 का अर्थ अस्पष्टता 100% है। अस्पष्टता की अलग-अलग डिग्री प्राप्त करने के लिए आप 1 से कम अन्य मान निर्दिष्ट कर सकते हैं। यदि आप 'fill: true' सेट करते हैं तो आपको लगभग 50% की डिफ़ॉल्ट अस्पष्टता मिलती है। – CaptainBli

+0

क्या होगा यदि मैं xaxis मोड समय का उपयोग कर रहा था –

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