我想使用来自 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 方面的经验来看,还不清楚。有任何想法吗?