2008-10-04 12 views
17

Flot API documentation ग्राफ़ की अक्ष को अनुकूलित करने के लिए लाइब्रेरी के व्यापक हुक का वर्णन करता है। आप प्रत्येक अक्ष के लिए अलग-अलग टिक, उनके रंग इत्यादि को सेट कर सकते हैं। हालांकि, मैं यह नहीं समझ सकता कि फ़्लोट को एक्स-अक्ष लेबल को हटाए बिना ऊर्ध्वाधर ग्रिड लाइनों को खींचने से कैसे रोकें। मैंने टिककोलर, टिक्स और टिकसइज़ विकल्पों को सफलतापूर्वक बदलने की कोशिश की है।फ्लोट में, क्या संबंधित लेबल को समाप्त किए बिना ग्रिड टिक को खत्म करना या छिपाना संभव है?

मैं इस तरह के सुंदर, टफ़्टे संगत रेखांकन बनाना चाहते हैं:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

मैं चार्ट कबाड़ होने के लिए मेरी रेखांकन पर खड़ी टिक पाते हैं। मैं एक समय श्रृंखला के साथ काम कर रहा हूं कि मैं ऊर्ध्वाधर सलाखों के रूप में प्रदर्शित कर रहा हूं ताकि ऊर्ध्वाधर टिक्स अक्सर सलाखों के माध्यम से बार-बार कटौती कर सकें।

+6

लिंक टूटा हुआ है। – dfrankow

+0

क्या हम @dkrape से 20 से अधिक अपवॉट्स के उत्तर को स्वीकार कर सकते हैं, जो अधिक अद्यतित है? –

उत्तर

58

जैसा कि लॉरीमैन ने नोट किया, फ्लोट विकसित हो रहा है। इसे नियंत्रित करने की क्षमता एपीआई में जोड़ा गया है (जैसा फ्लोट इश्यू नेल्सन से जुड़ा हुआ है)।

आप नवीनतम संस्करण (जो अभी भी चिह्नित किया गया है 0.6), तो आप "tickLength" के साथ एक धुरी पर लाइनों निष्क्रिय कर सकते हैं, तो जैसे डाउनलोड करते हैं:

xaxis: { 
    tickLength: 0 
} 

बल्कि annoyingly, इस के अलावा अद्यतन नहीं किया गया एपीआई दस्तावेज में।

+1

मैं स्रोत से सीधे इसे डाउनलोड करने के लिए किया था: http://flot.googlecode.com/svn/ ट्रंक/ –

+0

अच्छा बिंदु केविन।हां, मुझे इसे ट्रंक से भी प्राप्त करना था। उन्हें संस्करण संख्या को फिर से शुरू करना चाहिए और इसे प्राथमिक डाउनलोड में जोड़ना चाहिए। – Darren

+0

जब मैंने देखा तो ट्रंक के एपीआई दस्तावेज़ में जोड़ा गया था। यह किसी एक डाउनलोड में नहीं है, आपको रिपॉजिटरी से जेएस और एपीआई दस्तावेज़ दोनों प्राप्त करना होगा। –

6

कुछ खोदने के बाद, मुझे पूरा यकीन है कि फ्लोट एपीआई के माध्यम से यह संभव नहीं है। फिर भी, अगर आप वास्तव में गंदा हो जाते हैं, तो आप इसे कर सकते हैं - मैंने modified version of one example प्रकाशित किया है जो यह करता है। स्रोत देखें पूरी बदसूरत दिखाता है।

+1

तो यह आपके दृष्टिकोण को सारांशित करने के लिए सटीक होगा: 1) धुरी पर छोटे ticks का उपयोग करें ताकि वे वास्तव में दिखाई नहीं दे सकें; 2) यह निर्धारित करने के लिए कि वे सही जगह पर हैं, गणना के लिए कस्टम डिवीज़ का उपयोग करके खुद को कस्टम divs का उपयोग करके लेबल बनाएं? –

+0

ऐसा लगता है कि फ्लोट आंतरिक के कितने काम करते हैं यह बहुत करीब है :) –

+0

किसी भी तरह से आप इसे लपेट सकते हैं और इसे पैच के रूप में सबमिट कर सकते हैं? (पीएस। उत्तर के लिए धन्यवाद; मुझे लगता है कि आप सही हैं और अब इसे स्वीकार करने जा रहे हैं।) –

2

जून 200 9 से flot issue 167 है जो इस सटीक सुविधा का अनुरोध है। दो कार्यान्वयन और फ़्लोट लेखक से कुछ समझौते शामिल हैं कि यह एक अच्छा विचार है।

7

यह पोस्ट दो साल बाद ओपी और फ्लोट (अब संस्करण 0.6) की तुलना में आता है, उस समय के दौरान बहुत कुछ विकसित हो सकता है या शायद इसके आसपास बेहतर विकल्प हैं लेकिन किसी भी मामले में यहां मेरा योगदान है।

मैं गलती से इस समस्या के लिए एक समाधान में घुस गया: ग्रिड के टिक रंग के अल्फा चैनल को पूरी तरह पारदर्शी करने के लिए सेट करें। उदाहरण के लिए:

var options = { 
     grid: {show: true, 
       color: "rgb(48, 48, 48)", 
       tickColor: "rgba(255, 255, 255, 0)", 
       backgroundColor: "rgb(255, 255, 255)"} 
    }; 

मेरे लिए काम करता है।

6

विकल्पों में टिकों से बचने के लिए बस टिक्स दें: [] इसी अक्ष में