小编Ste*_*ico的帖子

我正在将 Apexcharts 的简单圆环图导入我的 Vue.js 项目，但是，即使按照他们网站上提供的文档进行操作，图例标题仍为“系列 1、系列 2……”。

这是渲染的图片：甜甜圈图

正如您所看到的，我正在关注文档，向数据对象和元素添加series和，但由于某种原因仍然无法呈现正确的标签。labelsdiv

我将如何解决这个问题？

旁注：legend.show从 false切换到 true 什么都不做。

<div id="donut-chart">

    <v-container>
        <div id="chart">
            <apexchart 
                type=donut 
                width=380 
                :options="chartOptions" 
                :labels="labels" 
                :series="series" />
        </div>
    </v-container>

</div>

import VueApexCharts from 'vue-apexcharts'

export default {
    name: 'donut-chart',
    data: () => ({
        series: [23, 11, 54, 72, 12],
        labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"],
        chartOptions: {
            dataLabels: {
                enabled: false
            },
            responsive: [{
                breakpoint: 480,
                options: {
                    chart: {
                        width: 200 …