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

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/