Chart.js: scaleLineColor in 2.0

Created on 4 May 2016  路  10Comments  路  Source: chartjs/Chart.js

Is there any way to achieve scaleLineColor: 'transparent' in 2.0?

support

Most helpful comment

Is there a way to change the color of the Y-Axis line? I'm talking about the actual scale line, not the guidelines and not the ticks/labels.. I like to make the actual y-axis line color less dark than it is but can't find any options in the docs or on the github/stackoverflow that show it.

All 10 comments

To turn off grid lines?

These options might help: http://www.chartjs.org/docs/#scales

Looking at the docs I can't find it, sorry if I'm missing it. I want to remove the line on the Y Axis. See screenshot. Thank you!

screen shot 2016-05-05 at 10 33 06 am

Hmm, I think the only way is to set the line color for that scale to transparent.

Hmm, I think the only way is to set the line color for that scale to transparent.

That is exactly what @joeshub is asking.

Is there any way to achieve scaleLineColor: 'transparent' in 2.0?

I'm facing this issue as well.

@maiduchuy we added a new gridLines.drawBorder option that will be in the next release that will allow turning that off in an easier way

@etimberg That's great to know, thank you!

@etimberg Thank you, this is a small detail that can make a huge difference in the chart design!

Closing since v2.1.4 released with the drawBorder option that removes the border. With respect to setting grid lines to transparent, it could be done with

options: {
  scales: {
    xAxes: [{
      gridLines: {
        color: 'transparent'
      }
    }]
  }
}

Is there a way to change the color of the Y-Axis line? I'm talking about the actual scale line, not the guidelines and not the ticks/labels.. I like to make the actual y-axis line color less dark than it is but can't find any options in the docs or on the github/stackoverflow that show it.

Was this page helpful?
0 / 5 - 0 ratings