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/