2009-04-07 14 views
24

यहाँ दिखाया गया है चार्ट की तरह की चर्चा करते हुए: http://code.google.com/apis/visualization/documentation/gallery/barchart.htmlGoogle के विज़ुअलाइजेशन एपीआई द्वारा उत्पादित बार चार्ट से एक्स-अक्ष को कैसे हटाया जाए?

एक सरल स्विच हो प्रतीत नहीं होता है, और सफेद करने के लिए अक्ष रंग बदलने (एक सफेद पृष्ठभूमि पर) कुछ भी करने को नहीं मालूम था। मैंने एपीआई आउटपुट द्वारा उत्पादित चयनकर्ताओं को छिपाने के लिए jquery भी कोशिश की लेकिन कोई पासा नहीं।

उत्तर

3

उनके एपीआई वास्तव में इसके लिए कोई भी कार्य होता है, लेकिन:

chart.draw(data, 
    { 
     width: 400, 
     height: 240, 
     is3D: true, 
     legend :'none', 
     axisFontSize : 0 
    }); 

0 को axisFontSize सेट करने से आपके x- अक्ष डेटा निकल जाएगा। :)

1

axisFontSize: 0 x- अक्ष और y- अक्ष डेटा निकल जाएगा

0

चेक बाहर http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

एक्सिस लेबल शैलियाँ chxs "axis_or_tick"

आप इस दस्तावेज़ पर ध्यान देंगे: "_ - (अंडरस्कोर) न तो धुरी रेखा बनाएं और न ही निशान लगाएं। यदि आप अक्ष रेखा को छिपाना चाहते हैं, तो इस मान का उपयोग करें। "

उदाहरण:

chart.draw(daily, { 
    hAxis : {textColor: '#ffffff'}, 
    [... your other options here ...] 
}); 
3

गूगल एपीआई इतनी तेजी से बदल जाता है, यह क्या काम करता है आज 'none'

उदाहरण के लिए:

var options = { 

       hAxis: { textPosition: 'none' }, 
      }; 

chart.draw(data, options); 

देखें

+0

धन्यवाद संभोग, मुझे पूरी तरह से मदद की :) – BlackDivine

+0

आप जानते हैं कि कैसे मैं जब मैं मंडराना एक हाथ करने के लिए कर्सर को बदल सकते हैं क्या HAxis पर? –

+0

यह एक भयानक समाधान है। यह आपके ऊपर एक सफेद पृष्ठभूमि रखने पर निर्भर करता है, और यदि उपयोगकर्ता टेक्स्ट के क्षेत्र में कर्सर को ड्रैग करता है तो शायद असफल हो जाएगा। –

62

आप के मूल्य के hAxis.textPosition सेट कर सकते हैं: 'chxs = 0,, 0,0, _'

+1

अगर मैं लेबल के साथ वाई अक्ष को हटाना चाहता हूं। क्या करें? –

+1

@InnovativeThinker hAxis, "क्षैतिज अक्ष" के लिए खड़ा है, ताकि आप दूसरे का उपयोग कर सकें, vAxis, जैसा कि "लंबवत अक्ष" – Chris

+0

यह पाठ को हटा देता है, फिर भी पहले इस्तेमाल की गई जगह को पुनः प्राप्त नहीं करता है। बाईं तरफ – roberthuttinger

1

मैं अपने डेटाटेबल में स्ट्रिंग को हटाकर चार्ट के भौतिक संस्करण में लेबल को हटाने में सक्षम था।

से पहले:

data.addColumn('string', 'Date'); 

के बाद:

data.addColumn('string', ''); 
0

let options = {legend: { position: 'none' }};

+2

पर अतिरिक्त पैडिंग है, जबकि यह कोड स्निपेट प्रश्न हल कर सकता है, [स्पष्टीकरण सहित] (// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) वास्तव में सुधार करने में मदद करता है आपकी पोस्ट की गुणवत्ता। याद रखें कि आप भविष्य में पाठकों के लिए प्रश्न का उत्तर दे रहे हैं, और वे लोग आपके कोड सुझाव के कारणों को नहीं जानते हैं। स्पष्टीकरण टिप्पणियों के साथ अपने कोड को भीड़ न करने का प्रयास करें, इससे कोड और स्पष्टीकरण दोनों की पठनीयता कम हो जाती है! –

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