当SVG转换为图像D3.js时，将裁剪x轴标签

Question

我正在使用C3.js生成折线图。创建SVG后，我将使用画布将其转换为.png图像。

一切正常，但x轴名称是从图像中裁剪出来的。我给出的画布宽度和高度与SVG的宽度和高度相同。

canvas.width = image.width;
canvas.height = image.height;

任何帮助表示赞赏。

这是小提琴： https://jsfiddle.net/chetan530/rcwyr57w/

Answer 1

也许只是添加一点填充？

padding: {
  bottom: 20
}

更新了小提琴：https://jsfiddle.net/3xq1rtns/