添加 c3.js 填充而不截断点

Question

我已经从我的图表中删除了填充，但因此出现了另一个问题 - 我的文本被截断了。

我明白，无法显示第一个点和文本（由于 Y 轴），我想从第一个点中删除文本并且第一个点出现在 OY 线上方 - 这怎么可能？

又一问题-切最后一点的问题怎么解决？

提前致谢。

Answer 1

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

Answer 2

如果填充不符合您的要求，您可以尝试 css:

.c3-texts .c3-text:first-child {
  text-anchor: start;
}

.c3-texts .c3-text:last-child {
  text-anchor: end;
}

这应该使第一个和最后一个标签保持在图表范围内

Adding c3.js padding without cutting off points