2012-06-12 20 views
7

मैंने नीचे दिया गया कोड लिखा है जो चयनित तिथियों (तिथियों से और तिथियों के लिए) ग्राफ़ ग्राफ़ उत्पन्न करता है।विभिन्न तारीखों के लिए हाईचार्ट्स ग्राफ एक्स-अक्ष लेबल

$(document).ready(function() { 
    var options = { 
     "series": [{ 
      "showInLegend": false, 
      "color": "#D0D0D0", 
      "name": "Revenue", 
      "data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]}], 
     "credits": { 
      "enabled": false 
     }, 
     "chart": { 
      "renderTo": "highchart_id", 
      "defaultSeriesType": "area", 
      "shadow": true 
     }, 
     "title": { 
      "text": null, 
      "align": "center", 
      "x": 0, 
      "y": 20 
     }, 
     "xAxis": { 
      "type": "datetime", 
      "dateTimeLabelFormats": { 
       "month": "%e. %b", 
       "year": "%b" 
      }, 
      "labels": { 
       "enabled": "false" 
      } 
     }, 
     "legend": { 
      "enabled": true 
     }, 
     "yAxis": { 
      "title": { 
       "text": "" 
      }, 
      "labels": { 
       "enabled": true 
      } 
     }, 
     "plotOptions": { 
      "area": { 
       "stacking": "normal", 
       "lineColor": "#3E3E3E", 
       "lineWidth": 3, 
       "marker": { 
        "lineWidth": "1", 
        "lineColor": "#3E3E3E", 
        "states": { 
         "hover": { 
          "enabled": true, 
          "radius": 1 
         } 
        } 
       } 
      }, 
      "series": { 
       "pointStart": 1335823200000, 
       "pointInterval": 86400000 
      } 
     } 
    }; 
    var chart = new Highcharts.Chart(options); 
});​ 

एक्स-अक्ष पर तिथियों का अंतराल एक दिन कम हो रहा है। यहां श्रृंखला मूल्य 2 10 के लिए है जबकि यह ग्राफ में 9 मई के लिए दिखा रहा है।

मैं इस हाईचर्ट के लिए नया हूं, क्या कोई समाधान समाधान की सलाह दे सकता है और अगर आपको समस्या पर और स्पष्टीकरण की आवश्यकता है तो मुझे बताएं।

उत्तर

21

चार्ट

Highcharts.setOptions({ 
     global: { 
      useUTC: false 
     } 
    }); 

घोषित डिफ़ॉल्ट highchart इस्तेमाल किया यूटीसी बार से पहले इस कोड जोड़ने का प्रयास करें। ऊपर दिए गए कोड को जोड़कर यह ब्राउज़र के समय क्षेत्र का उपयोग करेगा।

+0

बहुत बहुत धन्यवाद। इसने काम कर दिया! –

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