Javascript 编辑图例标签[vue chart.js]

我从vue-chart.js渲染了一个圆环图，如何只编辑图例标签，就像我有“非常长的字符串”一样，我希望图例中显示“非常低…”，并保持标签在工具提示中悬停时的显示状态

export default {
  extends: Doughnut,
  mixins: [reactiveProp],
  data: () => ({
    options: {
      responsive: true,
      maintainAspectRatio: false,
      legend: {
        position: 'bottom',
      }
    }
  }),
  mounted() {
    this.renderChart(this.chartdata, this.options);
  }
};

---

我该怎么做呢？

标签只是一个字符串数组，在我的例子中，我有：

标签在

pieChartData

中设置，这是一个计算属性，返回：

{
数据集：[
/*外部甜甜圈数据开始*/
{
数据：[this.kpi.activities.total，this.kpi.products.total]，
背景颜色：[
'rgb（0，255，0）'，//绿色
'rgb（0，0，255）'，//蓝色
],
},
],
//通过计算属性更改自定义标签，甚至直接在
选择权
标签：[“活动”、“产品”]，
};

因此，您可以对标签值执行任何操作，因为它们只是字符串