数据图表标签上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, 
    } 
    } 
}