vue.js 3/基于REST API调用更改VueAppExCharts图例

有一个RESTAPI，它返回一个名称和金额数组（示例见下文）。我已经创建了一个vue3.js组件，用于查询API并使用VueAppExcharts圆环图可视化数据。这很有效。但是，为了将API调用返回的名称添加到图表图例中，我需要更改什么？我无法访问data（）节中定义的图表选项

[
{
“Name”：“Somename”，
“金额”：100，
},
{
“名称”：“其他名称”，
“金额”：100，
}
]

我认为您只需要将

图表选项

移动到

设置

并将

标签

分配到

图表选项

以下是代码沙盒：

setup（）{
常量图表选项=ref({
图表：{…}，
打印选项：{…}，
数据标签：{…}，
填充：{…}，
图例：{…}，
标题：{…}，
标签：[]，//添加空标签以准备分配
答复：[……]，
});
onMounted（异步（）=>{
const res=等待axios.get（“http://127.0.0.1:5000/backend");
res[“data”].forEach（函数（值）{
series.value.push（value[“ValueInEUR”]）；
//在此处构造并指定标签
chartOptions.value.labels.push（值[“名称”]为从不）；
});
});
返回{
系列
chartOptions，//返回chartOptions
};
}

---

太好了。非常感谢。