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/