title: How to scale label size radar chart chart.js
body: <p>I want to scale the labels in my radar chart because it is becoming very skewed and messed up on mobile devices , so I write this in <code>ComponentDidMount()</code></p>
  <pre><code>const plugins = [{
      beforeDraw: function(c) {
          var chartHeight = c.chart.height;
          c.scale.pointLabels.fontSize = chartHeight * 6 / 100;
      }
  }];
  
  this.setState({ aggdata:data, options:options, plugins:plugins })
  </code></pre>
  <p>I attach this plugin to my radar chart like this:</p>
  <pre><code>&lt;Radar
      plugins={this.state.plugins}
      data={this.state.aggdata}
      options={this.state.options}
  /&gt;
  </code></pre>
  <p>These are my options</p>
  <pre><code>const options = {
      responsive: true,
      maintainAspectRatio: false,
      scale: {
          gridLines: {
              color: &quot;rgba(0, 0, 0, 0.3)&quot;
          },
          angleLines: {
              color: &quot;rgba(0, 0, 0, 0.3)&quot;
          },
          pointLabels: {
              fontStyle: &quot;bold&quot;,
              fontSize: &quot;15&quot;
          }
      }
  };
  </code></pre>
  <p>But it is not working , any help or hint will be appreciated</p>
  <p><strong>Edit attempt :</strong></p>
  <pre><code>render() {
          const show = this.state.render;
          if(show) {
  
          return ( &lt;Radar  plugins={this.state.plugins} data={this.state.aggdata} options={this.state.options}/&gt; )
  
          }
          else{
         return(&lt;h3&gt;Loading....&lt;/h3&gt;)
          }
  
        
      }
  </code></pre>