我正在使用带有React.js的Chart.js创建一个pic图表(react-chartjs-2 )。我的数据集存储在全局变量中,我想用它们来制作饼图。
目前,当我在全局变量中使用数据时,数据不会反映在饼图中。我该怎么办?
这是我的代码。
// global variable
let piData = 0;
let piData2 = 0;
let piData3 = 0;
let newpiData = parseFloat( piData / 100 * 1000);
let newpiData2 = parseFloat( piData2 / 100 * 1000);
let newpiData3 = parseFloat( piData3 /100 * 1000);
const data = {
labels: [
'question1',
'question2',
'question3',
'question4',
'question5'
],
datasets: [{
data: ['newpiData', 'newpiData2', 'newpiData3'],
backgroundColor: [
'orange',
'blue',
'red',
'purple',
'green'
],
hoverBackgroundColor: [
'orange',
'blue',
'red',
'purple',
'green'
]
}]
};
class PieChart extends React.Component {
render() {
return (
<div>
<h2>Pie Example</h2>
<Pie data={data} />
</div>
);
}
}