Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Chart - Formatting Y Axis

Ryan Ternier free asked 7 years ago

I've been able to format the Y-Axis with Chart JS, but I'm not able to do this with the MDbootstrap Chart. For example, I want to run numeral functions against the Y Axis data. I can do this with tooltips, but not the Y Axis. Is this possible?

Renaud Menard free answered 5 years ago

Hello, is it possible to format y axis with numeral in MDB charts ? for example : data1 = numeral(data1).format('0.00a')

Thanks !

Piotr Glejzer staff commented 5 years ago

I think it is possible, can you check these topics?

https://stackoverflow.com/questions/20371867/chart-js-formatting-y-axis
https://stackoverflow.com/questions/36918887/chart-js-2-0-formatting-y-axis-with-currency-and-thousands-separator

I think they are similar to your problem. If it will not help I will try to help again.

Best, Piotr

zanzad free answered 5 years ago

Hello,I want to create a bar chart contain two y axis, each axis belongs to each bar data. I am using the free version of mdb.I successfully created the two axis but the second axis is not rendering data according to second bar data.How can I achieve this using mdb?

Jakub Mandra staff commented 5 years ago

Hi,

Could you please share some code with us?
I'm not sure I'm getting it right.

Best, Jakub

Jakub Mandra staff answered 5 years ago

Hey @SAMALI,

Add below options to you Chart object:

      options: {
        scales: {
          yAxes: [{
            ticks: {
              beginAtZero: true
            }
          }]
        }
      }

SAMALI free answered 5 years ago

Hello, i'm using your free version of MDB admin tools chart.I want to know how can I begin at ZERO in Bar Chart ?

Edyta Dabrowska free answered 7 years ago

Yesterday we released the new updated 4.4.0 package. Please try again with your solution and our new version.

Edyta Dabrowska free answered 7 years ago

Hello, we are using chart.js for our charts. I understood that you are trying to modify y-axis now with the latest version of chart.js and it is working there and not with MDB. Soon we will update our charts accordingly to the newest chart.js documentation and I hope y-axis modifications would be possible as well. Regards,

Ryan Ternier free commented 7 years ago

Can I use the official ChartJS alongside MDbootstrap? or will that cause errors?
Write
Create snippet
Please insert min. 20 characters.

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: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Ryan Ternier
10Support score
4Questions 4Answers 0Snippets