數據圖表標籤上c3.js切斷排行榜

Question

我作圖一個c3.js線圖上的一些線，但是在最左邊的點的數據標籤被切斷：

我我們已經嘗試在圖表中添加填充，但這只是爲整個圖表添加了填充。我需要的是一些添加某種填充到條形圖滴答的方式。我已經考慮

東西：

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

但將所有數據標籤的位置向右最終將導致：

我使用「轉換」屬性考慮數據標籤在圖的右側被切斷。

這裏有標籤的一個簡單的例子被截斷：

fiddle

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

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

任何幫助，將不勝感激。謝謝！

Answer 1

@ksav指出我正確的方向。我記得以前試過這個，但是愚蠢的是，我沒有想到把十進制數字。我試圖把價值1，並填補了太多，但完成以下工作：

axis: { 
    x: { 
    padding: { 
     left: 0, 
     right: 0, 
    } 
    } 
}