2016-11-16 8 views
0

Ich habe ein Diagramm von highcharts.js mein Problem ist, dass zum Beispiel ... Ich habe ein Liniendiagramm mit 5 Werten (5 Punkte) und mein Diagramm zeigt die xAxis wie diese from value 1 to value 2: 0, 0.25, 0.5, 0.75, 1, was ich tun möchte ist entfernen 0.25, 0.5, 0.75 und halten nur 0 und 1, dann 1 und 2, etc ... so etwas wie diese:Kombiniere xAxis Highcharts

enter image description here

Wie kann ich das tun?

Hier ist ein CodePen demo

Antwort

1

Sie, dass mit tickInterval steuern:

xAxis: { 

     labels: { 
      rotation: -33, 
     }, 
     tickInterval:1 
    }, 

http://codepen.io/bhlaird/pen/WoGmNd

http://api.highcharts.com/highcharts/xAxis.tickInterval

+0

Excellent! Funktioniert jetzt gut! eine andere Frage ... Was soll ich tun, um beispielsweise Text statt einer Zahl anzuzeigen, zum Beispiel mit einem Intervall von 1, aber "Ergebnis 1", "Ergebnis 2" usw. statt Zahlen? –

+0

Sie können entweder die Kategorien http://api.highcharts.com/highcharts/xAxis.categories verwenden oder wenn die gewünschten Etiketten immer eine Kombination aus einem Wort und der Zahl sind, können Sie den Formatierer http: //api.highcharts verwenden .com/highcharts/xAxis.labels.formatter –

Verwandte Themen