Daten Graph Etiketten abgeschnitten auf c3.js-Diagramm

Question

ich die grafische Darstellung ein paar Zeilen auf einem c3.js Liniendiagramm, aber das Typenschild des äußersten linken Punkt abgeschnitten wird:

I habe versucht, dem Chart Padding hinzuzufügen, aber dies fügt dem Chart nur Padding hinzu. Was ich brauche, ist eine Möglichkeit, nur den Bargraph-Ticks eine Art Padding hinzuzufügen.

Etwas, das ich in Betracht gezogen habe:

Ich habe als die „Transformation“ Eigenschaft mit:

.c3-texts .c3-text text { 
    transform: translate(10px, 0); 
} 

Aber Bewegen der Position aller Daten Etiketten auf der rechten Seite würde verursacht am Ende der Datenlabel auf der rechten Seite des Diagramms, um abgeschnitten zu werden.

Hier ist ein einfaches Beispiel für Etiketten abgeschnitten zu werden:

fiddle

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250] 
     ], 

     labels: { 
     format: function(x){ 
      return "Test Label" 
     } 
     } 
    } 
}); 

Jede Hilfe würde geschätzt. Vielen Dank!

Answer 1

@KSAV zeigte mir in die richtige Richtung. Ich erinnere mich, dass ich das vorher schon einmal versucht habe, aber dumm, ich dachte nicht daran, Dezimalzahlen zu setzen. Ich hatte versucht, den Wert 1 zu setzen, und es gab viel zu viel Polsterung, aber Folgendes funktionierte perfekt: