Chart.js: X & Y axis color change for dark theme

Created on 10 May 2017  Â·  6Comments  Â·  Source: chartjs/Chart.js

Okay so I have been searching the internet looked in the thousends lines of code, but I cant figure out how to change my charts X & Y values... please help or make it easier. Im using a bar chart

support

Most helpful comment

you'd set the options like

options: {
  scales: {
    yAxes: [{
      gridLines: {
        color: 'rgba(255, 0, 0, 1)' // makes grid lines from y axis red
      }
    }]
  }
}

All 6 comments

@DaemonGenius what are you trying to change? the font colour?

The x and y axis color is dark grey I need it white..

On 11 May 2017 1:04 am, "Evert Timberg" notifications@github.com wrote:

@DaemonGenius https://github.com/DaemonGenius what are you trying to
change? the font colour?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/chartjs/Chart.js/issues/4245#issuecomment-300636925,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQPEKi5JUIH4C_Giz6Exj4Y22dcEHXo1ks5r4kJ1gaJpZM4NWq1K
.

@DaemonGenius do these settings help at all? https://github.com/chartjs/Chart.js/blob/master/docs/axes/styling.md

Okay seems like this could work were do I implement it? or change it?

On Thu, May 11, 2017 at 1:32 PM, Evert Timberg notifications@github.com
wrote:

@DaemonGenius https://github.com/DaemonGenius do these settings help at
all? https://github.com/chartjs/Chart.js/blob/master/docs/axes/styling.md

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/chartjs/Chart.js/issues/4245#issuecomment-300762394,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQPEKi66XnrB2Tl5Ik58rGuUNFMwmsCPks5r4vHJgaJpZM4NWq1K
.

you'd set the options like

options: {
  scales: {
    yAxes: [{
      gridLines: {
        color: 'rgba(255, 0, 0, 1)' // makes grid lines from y axis red
      }
    }]
  }
}

Thanks that worked..

On Fri, May 12, 2017 at 2:14 AM, Evert Timberg notifications@github.com
wrote:

you'd set the options like

options: {
scales: {
yAxes: [{
gridLines: {
color: 'rgba(255, 0, 0, 1)' // makes grid lines from y axis red
}
}]
}
}

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/chartjs/Chart.js/issues/4245#issuecomment-300949919,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQPEKnQTp-tl2YJjNVjnx9M9CCTjPhMqks5r46RlgaJpZM4NWq1K
.

Was this page helpful?
0 / 5 - 0 ratings