数据图表标签上c3.js切断排行榜
问题描述:
我作图一个c3.js线图上的一些线,但是在最左边的点的数据标签被切断:数据图表标签上c3.js切断排行榜
我我们已经尝试在图表中添加填充,但这只是为整个图表添加了填充。我需要的是一些添加某种填充到条形图滴答的方式。我已经考虑
东西:
.c3-texts .c3-text text {
transform: translate(10px, 0);
}
但将所有数据标签的位置向右最终将导致:
我使用“转换”属性考虑数据标签在图的右侧被切断。
这里有标签的一个简单的例子被截断:
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250]
],
labels: {
format: function(x){
return "Test Label"
}
}
}
});
任何帮助,将不胜感激。谢谢!
答
@ksav指出我正确的方向。我记得以前试过这个,但是愚蠢的是,我没有想到把十进制数字。我试图把价值1,并填补了太多,但完成以下工作:
axis: {
x: {
padding: {
left: 0,
right: 0,
}
}
}
你可以发布你的图表的代码? – ksav
@ksav当然,我会用一个例子更新帖子。 – CdSdw
看看这里:http://c3js.org/reference.html#axis-x-padding – ksav