2016-05-09 15 views
0

Ich versuche, meine Kategorien über mehrere Datenpunkte in Highcharts zu erstrecken. Hier ist ein Beispiel Fidde: http://jsfiddle.net/pn9qvz7v/Übergreifende Kategorien in Highcharts über mehrere Punkte

$(function() { 
    $('#container').highcharts({ 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar'] 
     }, 
     series: [{ 
      data: [1, 2, 3, 4, 5, 6] 
     }] 
    }); 
}); 

In meinem Beispiel habe ich für die „Jan“ Kategorie möchte über die 1 und 2 Datenpunkte, die „Februar“ -Kategorie zu überspannen über die 3 und 4 zu überbrücken Datenpunkte und die Kategorie "Mar", die sich über die 5 und 6 Datenpunkte erstreckt. Gibt es einen einfachen Weg, dies zu tun?

Danke.

Antwort

2

Sie können die X-Werte Ihrer Daten manipulieren, um dies zu erreichen.

Statt:

data: [1, 2, 3, 4, 5, 6] 

Versorgungs x/y-Paare. Der x-Wert ist der Kategorie-Index, und in diesem Fall müssen Sie eine x-Wert unter der Kategorie Index zur Verfügung zu stellen, und über:

data: [ 
    [-0.25,1], 
    [0.25,2], 
    [0.75,3], 
    [1.25,4], 
    [1.75,5], 
    [2.25,6] 
] 

Aktualisiert Geige:

Wenn Sie jedoch Daten verwenden, warum nicht einfach einen datetime X-Achsentyp verwenden und die tatsächlichen Daten angeben?

+0

Wenn ich eine Datetime-x-Achse verwenden waren, ist es möglich, die x-Achse Kennzeichnung Monaten noch compartmentalize? Ich habe täglich Daten und idealerweise, anstatt für jeden Tag des Monats ein Etikett zu haben, möchte ich nur die Monatsaufkleber haben, damit das Diagramm nicht schrecklich aussieht, wenn die Daten über viele Monate verteilt sind. – thomasdclark

+0

Ja, wenn Sie ein tickInterval von 30 Tagen (2592000000) setzen, wird das Diagramm eine Bezeichnung für jeden Monat einfügen. – jlbriggs

+0

Super, vielen Dank! – thomasdclark

Verwandte Themen