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.

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.

• javascript
• chart.js
• axis-labels
• radar-chart

Share Improve this question Follow asked Mar 8, 2017 at 18:37 blindmikeyblindmikey 13711 silver badge1010 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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./chartjs/Chart.js/pull/1879

Found simplest solution for remove outer label for all cases

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

Just make FontSize equal to zero