2017-12-07 12 views
1

Ich verwende c3js, um ein Liniendiagramm zu zeichnen. x-Achse zeigt Beschriftungen an, die zwischen den Achsenmarkierungen gerendert werden. Es verwendet axis.x.type: 'category'. Andernfalls werden die Zeilen nicht erstellt.C3js - So legen Sie die Kategoriebezeichnung auf der Achsenmarkierung fest

Aber ich möchte es auf x-Achsen-Marker anzeigen, nicht zwischen ihnen.

hier ist Beispielcode

var chart = c3.generate({ 
    data: { 
     x:'xaxis', 
     columns: [ 
      ['xaxis','cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6', 'cat7', 'cat8', 'cat9'], 
      ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] 
     ] 
    }, 
    axis: { 
     x: { 
     type: 'category' 
     } 
    } 
}); 

Hier ist Beispielcode auf jsfiddle https://jsfiddle.net/abhinaw/kyjgzd62.

Gibt es eine Möglichkeit, dies zu tun?

Dank

Antwort

1

Verwenden axis.x.tick.centered Option:

axis: { 
    x: { 
    tick: { 
     centered: true 
    } 
    } 
} 

updated fiddle See.

+0

danke Mann, ich akzeptiere diese Antwort. –

+0

Gern geschehen. –

Verwandte Themen