Topic: Displaying chart labels vertically

frantz.delbecque pro asked 2 years ago

Hi, On bar chart, I would to force labels on x axis to be display vertically. Currently, depending on numbers of bars, the labels are displayed either horizontally or at 45°

Expected behavior enter image description here Actual behavior enter image description here Resources (screenshots, code snippets etc.)

Thanks. Best

Grzegorz Bujański staff answered 2 years ago

You can set maxRotation and minRotation in options:

  options: {
    scales: {
      xAxes: [{
        ticks: {
          autoSkip: false,
          maxRotation: 90,
          minRotation: 90

frantz.delbecque pro commented 2 years ago

Thanks! It works perfectly! Is there a documentation with all options ? I didn't find these maxRotation, minRotation in the online doc on your website. Best.

Grzegorz Bujański staff commented 2 years ago

We use the chart.js library and you can check what options are there

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.11.0
  • Device: Laptop
  • Browser: chrome
  • OS: mac os
  • Provided sample code: No
  • Provided link: No