title: react-chartjs-2 chart.js: How to make strokewidth of dougnut chart thin?
body: <p>I am implementing one doughnut chart in react js by using react-chart.js-2 chart.js, but I want to customize it according to my requirements, I have done already some customization, but one I need to do is, to make the width of chart thin.</p>
  <p>Current Image</p>
  <p><a href="https://i.stack.imgur.com/fClUW.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Required Image</p>
  <p><a href="https://i.stack.imgur.com/VYGsM.png" rel="nofollow noreferrer">enter image description here</a></p>
  <pre><code>import React from &quot;react&quot;;
  import { Doughnut } from &quot;react-chartjs-2&quot;;
  const data = {
    
    datasets: [
      {
        data: [8, 25, 2, 4, 3, 21, 2],
        backgroundColor: [
          &quot;#FF6384&quot;,
          &quot;#36A2EB&quot;,
          &quot;#FFCE56&quot;,
          &quot;black&quot;,
          &quot;blue&quot;,
          &quot;red&quot;,
          &quot;purple&quot;,
        ],
        borderColor: &quot;transparent&quot;,
      
      },
    ],
  };
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        {&quot; &quot;}
        &lt;h2&gt;Doughnut Example&lt;/h2&gt;
        &lt;Doughnut
          data={data}
          options={{
            responsive: true,
            maintainAspectRatio: false,
            tooltips: false,
            height: &quot;2&quot;,
          }}
        /&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>