Angular2 차트 (chart.js) 옵션이 설정된 경우에도 레이블이 수직이 아닙니다.

Question

모든 레이블을 그래프에 맞추기 위해 수직으로 barchart의 x 축에 레이블을 표시하려고합니다. 나는 이것을하는 방법이 최대와 최소 회전을 90으로 설정하는 것이라고 다른 질문을 읽었다. 옵션에서 최소/최대 회전을 설정하더라도 레이블은 여전히 ​​각도로 표시된다. 누락 된/여기에 잘못하고있어?

내 옵션 코드 : 내 막대 차트의

options:any = { 
    scaleShowVerticalLines: false, 
    scaleShowValues: true, 
    scales: { 
     yAxis: [{ 
      ticks: { 
       beginAtZero: true 
      } 
     }], 
     xAxis: [{ 
      stacked: false,   
      scaleLabel: { 
       labelString: 'Date' 
      }, 
      ticks: { 
       stepSize: 1, 
       min: 0, 
       maxRotation: 90, 
       minRotation: 90, 
       autoSkip: false 
      } 
     }] 
    }, 
    responsive: true 
}; 

스크린 샷 :

https://imgur.com/a/xW8Lb

Answer 1

나는 속성 이름 xAxis 및 yAxis이 제외 옵션 잘못된 점을 볼 수 없습니다 잘못된 것입니다. 올바른 속성 이름은 xAxes 및 yAxes입니다.

또한 scaleShowVerticalLines 및 scaleShowValues 속성을 설정하면 안됩니다. 그것들은 사용되지 않습니다.

options: any = { 
    scales: { 
     yAxes: [{ 
     ticks: { 
      beginAtZero: true 
     } 
     }], 
     xAxes: [{ 
     stacked: false, 
     scaleLabel: { 
      labelString: 'Date' 
     }, 
     ticks: { 
      stepSize: 1, 
      min: 0, 
      maxRotation: 90, 
      minRotation: 90, 
      autoSkip: false 
     } 
     }] 
    }, 
    responsive: true 
};