Я пытаюсь показать некоторые данные, используя диаграмму пончиков из 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'
]
}]
};