उच्च लेबल श्रेणी लेबल ओवरलैपिंग

Question

मुझे xAxis के लिए श्रेणी लेबल के साथ किसी समस्या के साथ मदद की ज़रूरत है। जब सभी श्रेणी के लेबल के लिए कोई जगह नहीं है, तो वे एक साथ फंस जाते हैं और एक-दूसरे को ओवरलैप करते हैं।

मैंने यह देखने के लिए खोज की है कि मुझे यह सुनिश्चित करने के लिए कोई रास्ता मिल सकता है कि ऐसा नहीं होता है, पहले मैंने स्क्रॉलिंग समाधान की तलाश की, फिर कुछ प्रकार के ज़ूमिंग की, और आखिर में मैंने स्टैगरलाइन के लिए जाने की कोशिश की।

समस्या यह है कि, अगर मैं स्टैगरलाइन का उपयोग करना चाहता हूं, तो मुझे अपनी श्रेणियों की संख्या के आधार पर मूल्य निर्धारित करने की आवश्यकता है। अगर मेरे पास 10 या उससे कम है, तो स्टैगरलाइन मान 1, 11-20 पर सेट है, मैं चाहता हूं कि यह 2 तक चले, 21-30 मैं इसे 3 पर सेट करना चाहता हूं और इसी तरह। मैं बस इसे 3 पर सेट नहीं कर सकता, क्योंकि कुछ बार यह केवल कुछ श्रेणियां दिखाए जाएंगे, और यह स्टैगरलाइन के साथ अच्छा नहीं लगेगा।

किसी को भी इसका समाधान करने के लिए कोई अच्छा सुझाव है?

Answer 1

आपको श्रेणियों का उपयोग करने की ज़रूरत नहीं है। सामान्य श्रेणियों में दिखाने के लिए अच्छा है उदा। फल, या नाम - परिभाषित करने के लिए कि किस नाम को प्रदर्शित किया जाना चाहिए, और कौन नहीं चाहिए? क्या सेब केले से ज्यादा महत्वपूर्ण है?

हालांकि, समाधान बहुत आसान है, xAxis लेबल फ़ॉर्मेटर का उपयोग कर, एक बार देख ले: http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
},