हाईचार्ट टिक अंतराल

Question

मुझे यह पता लगाना प्रतीत नहीं होता कि मेरे टिक अंतराल को सही तरीके से कैसे सेट किया जाए।
एक्स अक्ष पर एक घंटे की टिक रखने की आवश्यकता है।
डेटा मिनट आधारित है।

जावास्क्रिप्ट:

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'spline' 
      }, 
      title: { 
       text: 'Temperature Today' 
      }, 
      xAxis: { 
       type: "datetime", 
       categories: time, 
       dateTimeLabelFormats: { 
        day: '%h' 
       }, 
       minTickInterval: 24 * 36000000 * 1000, 
      }, 
      yAxis: { 
       title: { 
        text: 'Temperature' 
       }, 
       minorGridLineWidth: 0, 
       gridLineWidth: 0, 
       alternateGridColor: null 
      }, 
      tooltip: { 
       formatter: function() { 
         return ''+ 
         Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +': '+ this.y; 
       } 
      }, 
      plotOptions: { 
       spline: { 
        lineWidth: 4, 
        states: { 
         hover: { 
          lineWidth: 5 
         } 
        }, 
        marker: { 
         enabled: false, 
         states: { 
          hover: { 
           enabled: true, 
           symbol: 'circle', 
           radius: 5, 
           lineWidth: 1 
          } 
         } 
        }, 
       } 
      }, 
      series: [{ 
       name: 'Asen', 
       data: temp 
      }] 
      , 
      navigation: { 
       menuItemStyle: { 
        fontSize: '6px' 
       } 
      } 
     }); 
    }); 

}); 

डाटा सरणियों:

temp = [-4.39,-4.39,-4.33,-4.33,-4.33,-4.33,-4.33] 
time = [1359910725000,1359910786000,1359910848000,1359910908000,1359910968000,1359911028000,1359911089000,1359911150000] 

Answer 1

सबसे पहले, xAxis पर 'श्रेणियों' संपत्ति को हटाने, इसका डेटाटाइम धुरी पर कोई मतलब नहीं है। ध्यान दें कि डेटाटाइम अक्ष मिलीसेकंड पर आधारित होते हैं, इसलिए एक घंटे का अंतराल 3600 * 1000 के रूप में व्यक्त किया जाता है। API highcharts, tickInterval

xAxis के लिए इस कॉन्फ़िगरेशन का उपयोग करें।

xAxis: { 
     type: "datetime",  
     dateTimeLabelFormats: { 
      day: '%H' 
     }, 
     tickInterval: 3600 * 1000 
}, 

पर एक काम कर डेमो के लिए यहां देखें।

Answer 2

आप मूल्य के साथ tickInterval उपयोग करना चाहिए: 3600 * 1000