title: Chart.js - style legend: smaller circles
body: <p>I've create a line chart with chart.js. I changed the legend symbol form from rects to circles by using: </p>
  
  <pre><code>legend: {
    display: true,
    labels: {
      usePointStyle: true,
    },
  }
  </code></pre>
  
  <p>I want to change the size of the circles. But according to the documentation this is only possible if I also change the font size:</p>
  
  <blockquote>
    <p>Label style will match corresponding point style (size is based on fontSize, boxWidth is not used in this case).
    - <a href="https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration" rel="noreferrer">https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration</a></p>
  </blockquote>
  
  <p>Does anyone know if there is another option to change the size? Or do I have to use <em>generateLabels()</em>.</p>
  
  <p>Here is a <a href="https://codepen.io/toxy1337/pen/rQRqrw" rel="noreferrer">codePen</a> to take a look on that.</p>