Google चार्ट लाइन चार्ट घंटे और मिनट

Question

मैं लाइन चार्ट दिखाने के लिए Google के चार्ट API का उपयोग करने का प्रयास कर रहा हूं।
मैंने दो कॉलम, एक तिथि और संख्यात्मक मान के साथ एक डेटा तालिका बनाई है। रेखा सही ढंग से प्रदर्शित होती है लेकिन एक्स अक्ष पर लेबल गुम हैं। सभी डेटा एक ही दिन में हैं, लेकिन विभिन्न घंटों में। यदि मैं अलग-अलग दिनों में उन्हें फैलाने के लिए तिथियों को संपादित करता हूं तो सब कुछ काम करता है।
मुझे केवल एक दिन में अपना चार्ट फोकस करने और एक्स अक्ष पर घंटे और मिनट दिखाने की आवश्यकता है।
मैं यह कैसे कर सकता हूं?

धन्यवाद।

Answer 1

focus my chart in one day only and show hours and minutes on the X axis. आपको अपनी क्वेरी में ऐसा करने की आवश्यकता है। Google चार्ट के साथ इसका कोई संबंध नहीं है। आप यह देखने के लिए हैक्सिस पैरामीटर देख सकते हैं कि आप https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

Answer 2

आमतौर पर डेटा को पास करने के तरीके के बारे में बताते हैं कि आप उन मूल्यों में से कुछ को बदल सकते हैं या नहीं। arrayToDataTable के साथ आपकी तिथियां सिर्फ तार हैं। यदि आप किसी जेएस डेट ऑब्जेक्ट को तुरंत चालू करते हैं और dataTable बनाते हैं तो आपको बेहतर परिणाम मिलना चाहिए। इस कोड को मेरे लिए काम करता है (यह live देखें):

function drawVisualization() { 

var data = new google.visualization.DataTable(); 

data.addColumn('datetime', 'Time of Day'); 
data.addColumn('number', 'Some Measurement'); 

data.addRows([ 
    [new Date(2012,10,3,11,30,0), 12], 
    [new Date(2012,10,3,11,45,0), 2], 
    [new Date(2012,10,3,12,1,0), 16], 
    [new Date(2012,10,3,12,15,0), 3], 
    [new Date(2012,10,3,12,30,0), 12], 
    [new Date(2012,10,3,12,45,0), 7] 
]); 


new google.visualization.LineChart(document.getElementById('visualization')). 
    draw(data, {curveType: "function", 
       width: 500, height: 400, 
       vAxis: {maxValue: 10}} 
    ); 
} 

मैं गूगल विज़ुअलाइज़ेशन के एक प्रशंसक हुआ करते थे लेकिन उनके अघोषित अद्यतन द्वारा कई बार जला दिया गया है। इसमें बहुत सी सीमाएं भी हैं। Dygraph देखें जो समय श्रृंखला को बहुत अच्छी तरह से संभालता है।