2016-07-15 8 views
4

나는 angular-chart.js (0.9.0)를 사용하여 가로 막 대형 차트를 만듭니다. 함께 사용되는 Chart.js의 버전은 1.0.2입니다.angle-chart.js를 사용하여 막대 차트에서 수동으로 y 축 눈금을 설정하십시오.

불행히도 값의 범위는 매우 광범위합니다. 가장 높은 가치는 90,000s이고 가장 낮은 가치는 4s 또는 40s입니다. 이러한 범위로 인해 차트는 내가 원하는 것처럼 보이지 않습니다. 예를 들어, 아래의 차트에서 가장 높은 값은 42000이며, 가장 낮은 값을 수동으로 Math.pow 값의 70

enter image description here

나는 우리가 Y 축의 스케일을 설정할 수 있는지 궁금하네요 즉이다 y 축 스케일을 10, 100, 1000, 10000, 100000 등으로 설정하십시오. 이렇게하면 내 차트에서 이러한 고 범위 데이터를 올바르게 처리 할 수있을 것입니다.

차트 옵션을 사용하고 아래 에서처럼 수동으로 눈금을 설정해 보았습니다. 그러나 이것을 사용하여 눈금이 0, 100, 200, 300 등이되었습니다.

  $scope.majorOptions = { 
       responsive: false, 
       maintainAspectRatio: true, 
       scaleOverride: true, 
       scaleSteps: 10, 
       scaleStepWidth: Math.pow(10,2), 
       scaleStartValue: 0 
      }; 

y 축 배율을 10의 제곱으로 설정할 수있는 다른 방법이 있습니까?

또는 내 차트에서 이러한 높은 범위 값을 캡처하는 것이 좋습니다 다른 방법이 있습니다.

감사합니다.

답변

관련 문제