2016-11-09 6 views
1

私はC3.jsを使用して折れ線グラフを生成しています。 SVGを作成したら、キャンバスを使って.pngイメージに変換しています。SVGを画像D3.jsに変換するとx軸ラベルが切り取られます

すべてはうまくいきますが、x軸の名前が画像から切り取られます。キャンバスの幅と高さはSVGの幅と高さと同じです。

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

助けてください。ここで

はフィドルです: https://jsfiddle.net/chetan530/rcwyr57w/

enter image description here

答えて

0

たぶん、ほんの少しパディングを追加しますか?

padding: { 
    bottom: 20 
} 

更新フィドル:https://jsfiddle.net/3xq1rtns/

+0

は私がUI上のグラフを編集することはできません。提案したようにパディングを追加すると、UIに表示される方法が変更されます。私はイメージをダウンロードするために編集を行うことができます。すなわち、 'getElementsByTagName(" svg ")'でSVGコンテンツにアクセスした後である。 –

関連する問題