jQuery फ़्लोट: चार्ट की चौड़ाई सेट करें (लेबल के बिना)

Question

क्या चार्ट के वास्तविक आकार को सेट करने का कोई तरीका है (इसके लेबल के बिना)?

मेरे पास एक कंटेनर है जो 880 पिक्सेल चौड़ाई है और मैं चार्ट को बिल्कुल उस तक विस्तारित करना चाहता हूं और अक्षों को छीनने के बजाय। अभी यह निश्चित रूप से पैडिंग लागू कर रहा है ताकि अक्ष निर्दिष्ट क्षेत्र में फिट हो सकें।

मैं कंटेनर पर लागू निश्चित लेबलविड्थ विकल्प और नकारात्मक मार्जिन के साथ चारों ओर झुका हुआ था लेकिन मुझे कहीं भी उपयोगी नहीं मिला।

Answer 1

अक्षों को छूने के लिए, आप अक्षांश (वाई और एक्स, क्रमशः) के लेबल विड्थ और लेबल हाइट को नकारात्मक मान पर सेट कर सकते हैं और कंटेनर को मार्जिन दे सकते हैं, इसलिए बाहर पर्याप्त जगह है।

सीएसएस:

#placeholder { 
    border 2px solid red; 
    margin: 30px; 
} 

Flot विकल्प:

var options = { 
    xaxis: { labelHeight: -10 }, 
    yaxis: { labelWidth: -10 } 
} 

अभी भी, कंटेनर सीमा और साजिश के बीच एक अंतर है के रूप में आप jsFiddle में देख सकते हैं। आप ग्रिड की minBorderMargin संपत्ति के साथ इसे नियंत्रित कर सकते हैं, लेकिन यह साजिश सीमा को पूरी तरह से छुपा नहीं देता है, इसलिए आप ग्रिड के borderWidth से 0 पर सेट करना चाहते हैं, या borderColor सेट कर सकते हैं। मैंने इसके साथ jsFiddle अपडेट किया।