2

我想使用来自 chart.js 2 库的圆环图自定义我的工具提示。默认情况下,我的案例的工具提示是这样的: 在此处输入图像描述

我想要的工具提示是这样的: 在此处输入图像描述

其中 EURO 是 SL。如何在数据集中添加百分比?我创建了一个包含值和百分比的数组,但是当我将它添加到我的数据集时,我的饼图是空的,这是合理的。这是我的代码:

const pip = sectorsName.map((h, i) =>
      `${h} (${sectorsPercentage[i]})%`
    );
const sectorsData = {
      labels: pip,
      datasets: [{
        data: sectorsValue,
        backgroundColor: [
          '#129CFF',
          '#0C6DB3',
          '#FF6384',
          '#00FFFF'
        ],
        hoverBackgroundColor: [
          '#FF6384',
          '#36A2EB',
          '#FFCE56',
          '#00FFFF'
        ]
      }]
    };

关于如何实现这一点的任何想法?我知道我必须创建一个 customTooltip,但从文档和我在 javascript 方面的经验来看,还不清楚。有任何想法吗?

4

0 回答 0