2017-11-02 5 views
0

오늘 오후에 chart.js 차트의 캔버스 크기를 줄이는 것에 대해 많이 읽었으며 문제가 있음을 알 수 있습니다. 내가 알고 싶은 것은 캔버스 내에서 실제 그래프의 크기를 줄일 수 있는지 여부? aspectRatio가 1 인 캔버스의 크기는 문제가되지 않습니다. 이는 레이더 챠트가 종횡비로 정사각형이되게합니다. 내가 원하는 것은 계산 된 크기의 80 %를 차지하도록 차트의 크기를 줄이는 것입니다. 가능하다면 누구나 알 수 있습니까? 다른 기능을 위해 이미 코드를 해킹 해 주셔서 감사합니다.캔버스 내 차트 크기를 줄입니다.

+0

두 개의 캔버스를 사용하십시오. 한 개의 크기는 차트로 표시하고 다른 하나는 표시 할 다른 내용으로 설정하십시오. 이것에는 보너스가 너무 많아서 차트를 다시 그릴 필요없이 기본 캔버스를 다시 그리거나 다른 방법으로 더 나은 성능을 얻을 수 있습니다. – FelisPhasma

+0

그러나 chart.js 초기화에는 % 크기를 사용할 수 없습니다. 위대한 예를 제시 할 수 있다면? – UKUser35

+0

직접 백분율을 계산하십시오. 차트가 전체 너비이면, 예를 들어 윈도우 폭의 80 % 인 '.8 * window.innerWidth'를 계산하면됩니다. – FelisPhasma

답변

1

예, 가능합니다.

당신과 같이, 실제 차트의 크기를 줄일 것이다, 그에 따라 차트 레이아웃 패딩을 설정할 수 있습니다

layout: { 
    padding: 20 
} 

설정이 차트 내부 옵션 설정을.

+1

슈퍼 간단한 대답! 감사. – UKUser35