title: ApexCharts Donut Chart legend titles not reflecting provided data labels (stuck as 'series-1' etc.)
body: <p>I'm importing Apexcharts' simple donut chart to my Vue.js project, however, even after following the documentation provided on their <a href="https://apexcharts.com/docs/series/" rel="nofollow noreferrer">site</a>, the legend titles stay as 'series-1, series-2, ...'.</p>
  
  <p>Here's a picture of what's rendered: <a href="https://i.stack.imgur.com/Z242K.png" rel="nofollow noreferrer">Donut Chart</a></p>
  
  <p>As you can see I'm following the documentation, adding <code>series</code> and <code>labels</code> to both the data object and the <code>div</code> element, but for some reason still can't render the proper labels.</p>
  
  <p>How would I go about resolving this issue?</p>
  
  <p>Side note: switching <code>legend.show</code> from false to true does nothing.</p>
  
  <pre><code>&lt;div id="donut-chart"&gt;
  
      &lt;v-container&gt;
          &lt;div id="chart"&gt;
              &lt;apexchart 
                  type=donut 
                  width=380 
                  :options="chartOptions" 
                  :labels="labels" 
                  :series="series" /&gt;
          &lt;/div&gt;
      &lt;/v-container&gt;
  
  &lt;/div&gt;
  
  import VueApexCharts from 'vue-apexcharts'
  
  export default {
      name: 'donut-chart',
      data: () =&gt; ({
          series: [23, 11, 54, 72, 12],
          labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"],
          chartOptions: {
              dataLabels: {
                  enabled: false
              },
              responsive: [{
                  breakpoint: 480,
                  options: {
                      chart: {
                          width: 200
                      },
                      legend: {
                          show: false
                      }
                  }
              }],
              legend: {
                  position: 'right',
                  offsetY: 0,
                  height: 230
              }
          }
      }),
      components: {
          apexchart: VueApexCharts,
      }
  }
  </code></pre>