2017-10-12 24 views
0

GitHub에서 "질문이나 지원 요청에 문제를 만들지 마십시오." 그리고 질문을 할 다른 곳을 언급하지 않습니다, 이것이 이곳이라고 생각하십니까?차트 영역의 높이 (캔버스 크기 아님)?

차트의 특정 크기 (캔버스의 전체 크기는 아님)를 설정하려면 누구나 가능하다는 것을 알고 있습니까? 내 이유는 내 X 축 레이블 정말 길어질 수 있고, 그 일이 생기면, 단순히 캔버스 크기를 늘리면 분명히 전체 크기가 완전히 변경됩니다. 그래서

그리고와

을 같이 레이블이 거의 자동으로 라벨을 수직으로 정렬 얻을 될 ChartJS

답변

0

... 차트 영역과 x 축 레이블 영역에 대해 별도의 크기를 설정하려는 모두 크고 작은 크기의 라벨 캔버스 나에게 동일한 높이 및 너비를 소비하는

width: 430px; height: 215px; 

대형 레이블

$scope.labels = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
작은 레이블이 5,

enter image description here

$scope.labels = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; 

enter image description here

HTML

<div class="col-md-4"> 
    <div style="height:auto; width:auto;"> 
     <div ng-controller="LinemsoVersionCtrl"> 
      <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-dataset-override="datasetOverride" chart-click="onClick"></canvas> 
     </div> 
</div> 
</div> 

CSS

.col-md-4 { 
    width: 33.33333333% 
    } 
+0

일부 경우에는 일종의 해결 방법이지만, 제 경우에는 레이블이 한 달에 한 달이 아니기 때문에 레이블을 짧게 만들 수 없습니다. – kiradotee

+0

예하지만 CSS를 사용하여 높이와 너비를 쉽게 처리 할 수 ​​있고 chartjs API에 의존하지 않는다고 생각합니다. – Batman