CODEWITHSUNDEEP
javascriptchart.jsaxis-labelsradar-chart
blindmikey
blindmikey

Reputation: 137

Chart.js Radar Chart How to Remove Outer Labels

enter image description here

On mobile, these labels are taking up too much valuable space. How can I remove them while keeping the lines?

I've tried several methods, ones that seem to work for typical x/y graphs, but can't find a way to achieve this for the radar chart.

Upvotes: 4

Views: 3550

Answers (2)

ResolveError
ResolveError

Reputation: 155

Found simplest solution for remove outer label for all cases

 scale:{
           pointLabels:{
           fontSize: 0       
             },
       }

Just make FontSize equal to zero

Upvotes: 3

blindmikey
blindmikey

Reputation: 137

Found a solution! see below:

options: {
    scale: {
        pointLabels: {
            callback: function(pointLabel, index, labels) {
                return screen_w > 500 ? pointLabel : ' ';
            } 
        }
    }
}

I'm using a variable of my own screen_w to conditionally return the label, or nothing.

Works like a charm.

Found buried here: https://github.com/chartjs/Chart.js/pull/1879

Upvotes: 3

Related Questions