javascript - SVG 转换为图像 D3.js 时 x 轴标签被裁剪

Question

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

一切正常，但 x 轴名称被从图像中裁剪掉。我给 Canvas 的宽度和高度与 SVG 宽度和高度相同。

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

任何帮助表示赞赏。

这是 fiddle : https://jsfiddle.net/chetan530/rcwyr57w/

Answer 1

也许只是添加一点填充？

padding: {
  bottom: 20
}

更新的 fiddle :https://jsfiddle.net/3xq1rtns/