2016-10-03 8 views
0

Mit Highcharts versuche ich eine Serie mit einem "Schritt zentriert" zu zeichnen. Es funktioniert, aber ich möchte wirklich, dass meine Linie vor meinem ersten Punkt beginnt und meinen letzten Punkt durchläuft.Highcharts - Durchgehende Linie mit zentriertem Schritt (Start vor dem ersten Punkt)

Hier sind meine Optionen:

series: [{ 
       type: 'line', 
      data: [5, 6, 7, 8, 9 , 10, 11, 12, 13], 
      step: 'center', 
      name: 'Center' 
     }] 

A JSFiddle example.

Und eine Darstellung dessen, was ich auf der linken Seite zu tun:

Start before the first point

und auf der rechten Seite, am Ende:

End after the last one

+0

Ich denke, seine nicht möglich, ohne manuell mit erster und letzter Eigenschaft von Svg Pfad – Sojtin

+1

handeln Ich denke, Sie können diese Tabelle mit einem einfachen Trick erreichen: http://jsfiddle.net/3ggbqt33/8/ –

+0

Das ist es @ GrzegorzBlachliński! Vielen Dank! Es ist genau das, wonach ich gesucht habe! –

Antwort

1

Sie ähnliche Grafik machen kann Hinzufügen eines neuen Punkts vor dem ersten Punkt und Hinzufügen des letzten Punkts nach dem letzten Punkt:

data: [5, 5, 6, 7, 8, 9, 10, 11, 12, 13, 13], 

Dann können Sie xAxis.min und xAxis.max verwenden für die Ansicht nur den Bereich, den Sie auf Ihrer Karte wünschen:

xAxis: { 
    categories: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', ''], 
    min: 1, 
    max: 9 
}, 

Hier sehen Sie ein Beispiel sehen, wie es funktionieren kann: http://jsfiddle.net/3ggbqt33/9/

Verwandte Themen