嘿，我通常是 chartjs 和 js 的新手，并且在 chrome 控制臺上不斷收到錯誤“”無法設定未定義的屬性”
const dataPie = {
labels: ['Good Packs', 'Bad Packs'],
datasets: [{
label: 'My First Dataset',
data: [0.1, 0.1],
backgroundColor: ['#00bf90', 'rgb(255, 75, 75)'],
hoverOffset: 0
}]
};
const configPie = {
type: 'pie',
data: dataPie,
options: {}
};
const pieChart = new Chart(
document.getElementById('chart-pie'),
configPie
);
然后在一個定時回圈中，我呼叫它并在嘗試執行以下操作時收到錯誤“無法設定未定義的屬性”（我沒有在 html 中設定值，它僅在構建餅圖時設定頂端）。
pieChart.data.datasets.data[0] = 0.5;
就像我說的我對 js 很陌生，所以如果有人可以提供幫助，那就太好了！
uj5u.com熱心網友回復：
看來您訪問資料時出錯了，我將包含指向檔案的鏈接。我在下面修改了您的代碼段（我沒有計時器，但我更改了代碼）。確保update在更改值后呼叫，以便它反映在 HTML 中。
datasets是一個陣列，因此您需要訪問要修改的資料集的索引。在您的情況下，[0]因為您只有一個資料集。
ChartJs 檔案： https ://www.chartjs.org/docs/latest/developers/api.html
const dataPie = {
labels: ['Good Packs', 'Bad Packs'],
datasets: [{
label: 'My First Dataset',
data: [0.1, 0.1],
backgroundColor: ['#00bf90', 'rgb(255, 75, 75)'],
hoverOffset: 0
}]
};
const configPie = {
type: 'pie',
data: dataPie,
options: {}
};
const pieChart = new Chart(
document.getElementById('chart-pie').getContext('2d'),
configPie
);
pieChart.data.datasets[0].data[0] = 0.5;
pieChart.update('active');<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
<canvas id="chart-pie" width="400" height="400"></canvas>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/473561.html
標籤：javascript 数组 图表.js