Highchart tique intervalle

Je n'arrive pas à comprendre comment mettre ma tique intervalle correctement.

Besoin d'avoir un horaire de graduation sur l'axe des X.

Les données sont les minutes.

Javascript: 

$(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'
}
}
});
});
});

Tableaux de données: 

temp = [-4.39,-4.39,-4.33,-4.33,-4.33,-4.33,-4.33]
time = [1359910725000,1359910786000,1359910848000,1359910908000,1359910968000,1359911028000,1359911089000,1359911150000]
InformationsquelleAutor HyperDevil | 2013-02-03
  1. 15

    Tout d'abord, retirez les "catégories" de propriété sur xAxis, cela n'a aucun sens sur un datetime axe. Notez que datetime axes sont basés sur des millisecondes, donc un intervalle d'une heure est exprimée en 3600 * 1000. Voir API highcharts, tickInterval

    utiliser cette config pour la xAxis.

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

    Voir ici pour un travail de démonstration sur JS Bin.

    • J'ai dû changer de %H %H:%M à faire 00 à 00:00
    InformationsquelleAutor gert vaartjes
  2. 3

    Vous devez utiliser tickInterval avec la valeur: 3600 * 1000

    InformationsquelleAutor Sebastian Bochan