데이터 세트 크기를 기반으로 ChartJs 선 차트 너비를 동적으로 설정하는 방법은 무엇입니까?

Question

ChartJS (v2.1)를 사용하여 꺾은 선형 차트를 만듭니다.

대형 데이터 세트 :

작은 데이터 세트 :

데이터 세트가 얼마나 큰지에 따라 그 폭을 조정 선 차트를 나는 고정 된 크기의 데이터 집합을하지 않아도 내가 원하는 커다란 데이터 세트가 차트를 더 넓게 만들길 원합니다 (사용 가능한 너비로 축소하는 대신). 가로 스크롤 막대를 표시하는 것은 옵션이지만 데이터 집합의 크기가 어느 정도인지는 알 수 없으므로 차트의 너비를 지정할 수 없습니다.

X 축 눈금 사이의 최소 너비를 설정하는 옵션이 있습니까? 또는 차트를 자동으로 확장 할 수 있습니까? this question에 솔루션을 구현하려고했지만 디자인 타임 중에 너비를 결정할 수 없습니다.

내 마크 업 :

<div class="chartWrapper"> 
    <canvas id="f1-chart" class="chart chart-line" chart-data="f1Data" chart-labels="f1Labels" chart-series="f1Series" chart-options="f1Options"></canvas>   
</div> 

그리고 차트 옵션 :

scope.f1Options = {    
    legend: false,  
    responsive: true,    
    maintainAspectRatio: false 
} 

Answer 1

나는이 상자를 캔버스의 전체 폭을해야 chartjs.org 전각 부울 사실 마크에 발견 (밀어를 아래 다른 상자) http://www.chartjs.org/docs/#chart-configuration-title-configuration
희망이 도움이됩니다.