CODEWITHSUNDEEP
javascript
dotsinspace
dotsinspace

Reputation: 691

Remove scale from chart.js

enter image description here

I want to remove white scale in middle of radar chart from chart.js

Upvotes: 1

Views: 7866

Answers (4)

George Kafadaris
George Kafadaris

Reputation: 1

For anyone still looking for an answer, here is my options:

   options: {
    scales: {
      r: {
        ticks:{
          display: false
        }
      }
    }
  }

Explanation in Angular terms: There is a type called "RadialLinearScaleOptions" in chartJs, that handles that. We can specify that we want to use that type in out options object with the 'r'. RadialLinearScaleOptions essentially describes the options object for the 'Radar chart' among others. In that options object are also defined the 'RadialTickOptions'. That is the type 'ticks' we want to specify not to be show.

So the previous answers were mostly correct, but missing the 'r' part

Upvotes: 0

Kartik Chandra
Kartik Chandra

Reputation: 430

In Angular ng2-chart (Which internally used Chart.js )

We can use

public lineChartLegend = false; (For Scale labels/legends to hide)

Stackblitz Link:- https://stackblitz.com/github/santam85/ng2-charts-line-template?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html&preset=node

Attached screenshot:- enter image description here

Upvotes: 0

yorgo
yorgo

Reputation: 1434

try adding this to your chart options:

options: {
    scale: {            
        ticks: {
            display: false
        }
    }
}

couldn't find this in the docs anywhere [http://www.chartjs.org/docs/latest], but it seems that when you use a polar chart, as opposed to using the scales property, it's just scale (singular) and no xAxes or yAxes needed.

sorry for the late reply... hope this is still of use to someone.

Upvotes: 4

JustARandomProgrammer
JustARandomProgrammer

Reputation: 277

Try scaleShowLabels:false it should work

Upvotes: 1

Related Questions