2017-09-29 10 views
0

すべてのラベルをグラフに合わせるために、縦にbarchartのx軸にラベルを表示しようとしています。私はこれを行う方法は、最大と最小の回転を90に設定することであることを別の質問で読んでいます。オプションで最小/最大回転を設定しても、ラベルはまだ角度で表示されます...行方不明/ここで間違っている?Angular2 charts(chart.js)オプションが設定されていてもラベルは垂直ではありません

私のオプションコード:私の棒グラフの

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

+0

'scaleShowVerticalLines'を削除してその動作を確認してください。 –

+0

何か変わっていない@QuentinLaillé... – user2094257

+0

あなたはチャートの写真も提供できますか? –

答えて

0

私はプロパティ名xAxisyAxis、これらを除いて、あなたのオプションに何か問題が表示されません間違っています。正しいプロパティ名はxAxesyAxesです。

また、scaleShowVerticalLinesscaleShowValuesプロパティを設定しないでください。これらは推奨されていません。

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 
}; 
関連する問題