[Chartjs]-Angular2 charts (chart.js) Labels not vertical even though option is set

by

4👍

✅

I don’t see anything wrong with your options, except the property names xAxis and yAxis, these are incorrect. The correct property names are xAxes and yAxes.

Also, you shouldn’t be setting scaleShowVerticalLines and scaleShowValues properties. Those are deprecated.

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
};

Leave a comment