2011-08-21 17 views
6

को दिए गए दिनांकों के साथ x अक्ष को पॉप्युलेट करना संभव है, 'एक्स' और 'टू' डेट मानों के साथ एक्स अक्ष को कैसे पॉप करना संभव है?एक से और तारीख

अनिवार्य रूप से, उपयोगकर्ता मेरे HTML वेब इंटरफ़ेस में "से" और "टू" दिनांक दर्ज करेगा; उदाहरण के लिए, 24/08/2011 - 28/08/2011

यह HTML टेक्स्टफील्ड के माध्यम से होगा जिसका उपयोगकर्ता jQuery का उपयोग करके पकड़ा जाता है जब कोई उपयोगकर्ता "ग्राफ देखें" बटन दबाता है।

मैं एक स्पलीन चार्ट बनाना चाहता हूं जिसका एक्स-अक्ष "से" दिनांक से 2 दिन पहले शुरू होता है और "टू" तिथि के 2 दिन बाद समाप्त होता है।

इसलिए उपरोक्त उदाहरण में, उपयोगकर्ता प्रदान करता है:

from -> 24/08/2011 
to -> 28/08/2011 

इसलिए

x-axis start -> 22/08/2011 
x-axis ends -> 30/08/2011 

मैं भी यह 24 घंटे के अंतराल को उनसे संबंधित तारीखों के रूप में प्रदर्शित करना चाहते हैं। X- अक्ष इसलिए कुछ इस तरह दिखना चाहिए:

| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
|___________________________________________________ 
    |  |  |  |  |  |  |  |  | 
22/08 23/08 24/08 25/08 26/08 27/08 28/08 29/08 30/08 

संपादित करें:

series: [{ 
     type: 'spline', 
     name: 'USD to EUR', 
     pointInterval: 24 * 3600 * 10, 
     pointStart: Date.UTC(<?php echo($year); ?>, 0, <?php echo($day);?>), 
     data: [ 
      0.8446, 0.8445, 0.8444 
    ] 
     }] 

लेकिन मैं समझ नहीं कैसे Highcharts को समय अंतराल बराबर:

मैं निम्नलिखित कोड पाया डेटा के कुछ हिस्सों .. मुझे पता है कि इसे बिंदु अंतराल के साथ करना है ...

मुझे लगता है कि 24 * 3600 दिन में सेकंड की संख्या है लेकिन * 10 क्या है? मैं इसे 24 घंटे अंतराल प्रदर्शित करने के लिए कैसे प्राप्त करूं?

+2

अल्ट्रा-अस्पष्ट प्रश्न। मोर INFOZ – adlawson

+0

की आवश्यकता है आप अपनी समस्या को समझते हैं, लेकिन हम नहीं करते :) दस मिनट के लिए चले जाओ और फिर इसे देखें, फिर थोड़ा और संदर्भ शामिल करने के लिए इसे संपादित करें। मुझे पता है कि यह पूछना मुश्किल है कि आप किसी के बीच में कब हैं और तत्काल आवश्यकता की भावना है। –

+0

@ टिम, आपको समझाने के लिए मुझे क्या चाहिए? मेरे पास सामने के अंत में मुझे प्रदान की गई न्यूनतम और अधिकतम सीमाएं हैं। मैं इन्हें हाईचार्ट्स में खिलाना चाहता हूं और अंतराल को दिन के रूप में सेट करना चाहता हूं और ऑटो तिथियों के बीच में आबादी डालता हूं ... – user559142

उत्तर

10

यहां कुछ संदर्भ दिए गए हैं जो आपकी मदद कर सकते हैं।

भी मदद करने के लिए आप बाहर शुरू एक नमूना jsfiddle बनाया।

xAxis

xAxis: { 
    type: "datetime", 
    dateTimeLabelFormats: { 
     day: '%m-%d' 
    }, 
    tickInterval: 24 * 3600 * 1000, 
    min: Date.UTC(<?php echo $date_from;?>), 
    max: Date.UTC(<?php echo $date_to;?>) 
} 

मूल रूप से, यह है कि यह 86400000 milliseconds से incrementing है, और यह भी आधारित xAxis का स्वरूप सेट क्या यह इतना tickInterval 'दिनांक' के लिए xAxis के प्रकार सेट किया जाता है करता है समझता है आवश्यक date format पर।
फिर $date_from और $date_to फॉर्म सबमिशन को संभालने वाले PHP से इस तरह दिखना चाहिए।

$date_from = date("Y, m, d",strtotime($_POST['from']) - 2*86400); 
$date_to = date("Y, m, d",strtotime($_POST['to']) + 2*86400); 
+0

मैं अब डेट रेंज पिकर के साथ higcharts पर काम कर रहा हूं। मैं json arrays को हटाने और डेटा को रीसेट करने के लिए नई कॉल करने के लिए AJAX का उपयोग करने जा रहा था। आपके उत्तर में विधि का उपयोग करना मेरे लिए श्रृंखला में सभी डेटा लोड करना संभव है, फिर मेरी अधिकतम रेंज पिकर में न्यूनतम अधिकतम तिथि सेट करें और तालिका को दोबारा हटाएं या इसे रीफ्रेश करें? – Anagio

+0

@ एनागियो आप अपने एपीआई देख सकते हैं, मुझे लगता है कि यह आपके लिए काम करना चाहिए, [http://api.highcharts.com/highcharts#Chart.redraw() ](http://api.highcharts.com/highcharts# Chart.redraw())। हां, मुझे लगता है कि आप परिवर्तन लोड कर सकते हैं और सही फ़ील्ड/पैरामीटर अपडेट कर सकते हैं (चार्ट के लिए वास्तविक डोम नहीं) और फिर इसे फिर से निकालें। – ace

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