我正在尝试使用Chart.js2中的圆环图显示一些数据.
我目前的图表如下所示:
我想要的输出必须显示另一个属性,即百分比,如下所示:
我已经阅读了文档,但我无法应对这一点,因为它非常通用,我是JavaScript的新手.
我的第一个图表的代码如下:
const renderCashCurrencyPie = (cashAnalysisBalances) => {
if (cashAnalysisBalances) {
const currenciesName = cashAnalysisBalances
.map(curName => curName.currency);
const availableCash = cashAnalysisBalances
.map(avCash => avCash.availableCash);
let currenciesCounter = 0;
for (let i = 0; i < currenciesName.length; i += 1) {
if (currenciesName[i] !== currenciesName[i + 1]) {
currenciesCounter += 1;
}
}
const currenciesData = {
labels: currenciesName,
datasets: [{
data: availableCash,
backgroundColor: [
'#129CFF',
'#0C6DB3',
'#FF6384',
'#00FFFF'
],
hoverBackgroundColor: [
'#FF6384',
'#36A2EB',
'#FFCE56',
'#00FFFF'
] …Run Code Online (Sandbox Code Playgroud)