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

Question

我从我的图表中移除了填充，但因此又遇到了另一个问题 - 我的文字已被删除。

据我所知，不可能显示第一个点和文本（由于Y线轴），我想从第一个点删除文本，第一个点出现在OY线上方 - 它是如何可能的？

另一个问题 - 如何解决最后一点的问题？

提前谢谢。

Answer 1

如果填充没有达到你想要的效果，你可以试试这个css：

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

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

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

Answer 2

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