title: Change border color of donut chart
body: <p>I made a DONUT chart with APEXCHARTS. It looks like this:<br />
  <a href="https://i.stack.imgur.com/7bIlM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7bIlM.png" alt="chart" /></a><br />
  Here is my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var options = {
            series: [44, 55, 41, 17, 15],
            labels: ['Apple', 'Mango', 'Orange', 'Watermelon', 'test'],
          chart: {
            type: 'donut',
            foreColor: '#ffffff'
          },
          grid: {
            borderColor: "#EF3252"
          },
          plotOptions: {
            pie: {
              expandOnClick: false
            }
          },
          responsive: [{
            breakpoint: 480,
            options: {
              chart: {
                width: '100%'
              },
              legend: {
                position: 'bottom'
              }
            }
          }],
          datasets: [{
            borderColor: ["#EF3252"]
          }]
          };
  
     var chart = new ApexCharts(document.getElementById("stats1_chart1"), options);
     chart.render();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="stats1_chart1"&gt;&lt;/div&gt;
  
  &lt;script src="https://cdn.jsdelivr.net/npm/apexcharts"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I want to achieve to change the border-color. But I can't figure out how this should work.<br />
  ~Marcus</p>