2013-12-09 11 views
6

मैं Google चार्ट एपीआई का उपयोग कर रहा हूं, और एक कॉल चार्ट में नीचे एक पंक्ति चार्ट (नीचे देखें) रूपांतरित कर रहा हूं, हालांकि कॉलम चौड़ाई डेटा कॉलम की मात्रा के आधार पर बदलती है। यदि मैं होवर करता हूं, तो यह मुझे सही तिथि बताता है, हालांकि कॉलम की बदलती चौड़ाई के कारण आप वास्तव में कॉलम का प्रतिनिधित्व करने की तारीख को सटीक रूप से नहीं देख सकते हैं। एक बिंदु काम करेगा, इसलिए मैं एक लाइन चार्ट पर वापस जा सकता हूं, हालांकि, मैं जिस डेटा सेट का उपयोग कर रहा हूं उसके लिए एक कॉलम बेहतर दिखता है। इस मुद्दे को हल करने का कोई विचार है?Google चार्ट/विज़ुअलाइज़ेशन कॉलम चौड़ाई

दिनांक गतिशील है, इसलिए एक्स अक्ष को चर होना चाहिए।

धन्यवाद

// Create a line chart, passing some options 
       var LineChart = new google.visualization.ChartWrapper({ 
        'chartType': 'ColumnChart', 
        'containerId': 'chart_div', 
        'options': { 
         'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32}, 
         'width': 300, 
         'height': 300, 
         'legend': 'top',   
         'title': 'Selected Site and Species abundance over time' 
        }, 
        'view': {'columns': [0, 1]}, 
       }); 

Example Graphs

उत्तर

13

आप एक पूर्णांक संख्या को bar.groupWidth विकल्प सेट (पिक्सेल की संख्या एक बार समूह के लिए उपयोग करने के लिए) द्वारा एक अधिकतम चौड़ाई निर्धारित कर सकते हैं। इस विकल्प को सेट करने से एपीआई इस चौड़ाई को सभी बार समूहों (किसी दिए गए धुरी मूल्य पर बार का सेट) खींचने का प्रयास करता है, हालांकि चार्ट के सेटअप की आवश्यकता होने पर इसे छोटे से खींचने के लिए मजबूर किया जा सकता है।

bar: { 
    groupWidth: 20 
} 
+0

बार –

+0

के लिए अधिकतम groupWidth कैसे सेट करें या आप बार सेट कर सकते हैं: {groupWidth: '50% '} आप पिक्सल के बजाय% उपयोग करना चाहते हैं – user3655574

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