2014-04-16 7 views
7

पर घंटों के साथ समस्या मैं Google Analytics ऑडियंस अवलोकन ग्राफ की तरह कुछ बनाने की कोशिश कर रहा हूं। मैं x- अक्षmorris.js समस्या x-axis

यह 11:00 बजे करने के लिए: 12:00 बजे आधी रात से शुरू घंटे डाल करने के लिए कोशिश कर रहा हूँ मैं वर्तमान में क्या उपयोग कर रहा हूँ है:

Morris.Line({ 

    element: 'chart_div_compare', 

    data: [    
     { hours: '00:00', a: 793, b: 729}, 
     { hours: '01:00', a: 524, b: 537}, 
     { hours: '02:00', a: 337, b: 347}, 
     { hours: '03:00', a: 272, b: 213}, 
     { hours: '04:00', a: 176, b: 169}, 
     { hours: '05:00', a: 174, b: 147}, 
     { hours: '06:00', a: 212, b: 193}, 
     { hours: '07:00', a: 341, b: 294}, 
     { hours: '08:00', a: 551, b: 501}, 
     { hours: '09:00', a: 724, b: 692}, 
     { hours: '10:00', a: 880, b: 896}, 
     { hours: '11:00', a: 955, b: 1004}, 
     { hours: '12:00', a: 1053, b: 1142}, 
     { hours: '13:00', a: 1063, b: 1150}, 
     { hours: '14:00', a: 92, b: 1123}, 
     { hours: '15:00', a: 0, b: 1151}, 
     { hours: '16:00', a: 0, b: 1222}, 
     { hours: '17:00', a: 0, b: 1155}, 
     { hours: '18:00', a: 0, b: 1246}, 
     { hours: '19:00', a: 0, b: 1100}, 
     { hours: '20:00', a: 0, b: 1199}, 
     { hours: '21:00', a: 0, b: 1395}, 
     { hours: '22:00', a: 0, b: 1361}, 
     { hours: '23:00', a: 0, b: 1005}, 
    ], 
    // The name of the data record attribute that contains x-values. 
    xkey: 'hours', 
    hideHover: 'auto', 
    // A list of names of data record attributes that contain y-values. 
    ykeys: ['a', 'b'], 
    // Labels for the ykeys -- will be displayed when you hover over the 
    // chart. 
    labels: ['2014-04-16', '2014-04-14'] 
}); 

x- अक्ष 1900, 1910, 1920 हो जाता है क्या मेरा प्रारूप घंटे कॉलम के लिए गलत है? मैं नहीं कर सकते कि यह कैसे सही ग्राफ़ बनाने के लिए प्राप्त करने के लिए आंकड़ा लेकिन अंत में मैं : 12:00 बजे, 1:00 बजे, आदि चाहते हैं

+0

किसी को भी यह पता है कि यह कैसे करना है। यह आसान होना चाहिए – user1050544

+2

एक्स मानों के लिए समय/दिनांक पार्सिंग को छोड़ने के लिए झूठी पर "parseTime" सेट करें, बल्कि उन्हें समान रूप से दूरी वाली श्रृंखला के रूप में व्यवहार करना चाहिए। – Spl2nky

उत्तर

26

मैं सिर्फ एक ही समस्या में चला गया, हो सकता है आप निम्नलिखित विकल्प का उपयोग कर सकते हैं:

parseTime: false 

या आप xlabel के लिए प्रारूप विधि को कस्टमाइज़ कर सकते हैं। अधिक जानकारी के लिए, आप this website और morris on github देख सकते हैं।

+0

ग्रेट समाधान। धन्यवाद। – Bugfixer

+0

बार चार्ट के लिए, "पार्सटाइम: झूठा" काम नहीं करता है। क्या आपको पता है कि बार चार्ट के लिए उचित इकाइयों में समय दिखाने के लिए क्या करने की आवश्यकता है। – Kamal

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