Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Changing the label direction on the bar graph.


Hi there,

I've come across a small issues when using the bar graph that I just wonder how to fix it.

Basically i'm using the Metronic dashboard theme and using the bar graph and I have the labels of each graph at the bottom but the names of each bar is to long that they overlap with the rest of the labels.

Was just wondering if I can either change the direction of the labels to go from horizontal to vertical or have some sort of control of the label?


user
James Brandon 2 years ago
Metronic Bootstrap 5 HTML
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
One Skin 1 year ago

Discover the top best sunscreen in pakistan with OneSkin. Enjoy superior SPF protection for healthy, radiant skin. Shop now and experience ultimate sun care with our advanced formulas!


user
Sean Author 2 years ago

Hi,

I assume you use Apexchart plugin and to customize it you can refer to the plugin's official docs. Metronic uses the plugin as it's without any core changes.

However if you need any further help please provide us more info and we will try to show you some directions.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(