Displaying chart labels vertically

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 Resources (screenshots, code snippets etc.)

Thanks. Best

Add comment

Grzegorz Bujański staff answered 2 years ago

0 0 Best answer

You can set maxRotation and minRotation in options:

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

https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3818644#js-tab-view

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

frantz.delbecque

Pro User 5Support score
1Questions 0Answers 0Snippets