reactjs - 是否可以将全局变量中的数据传递给chart.js？

Question

我正在使用带有 React.js（react-chartjs-2 ）的 Chart.js 制作图片图表。我的数据集存储在全局变量中，我想用它们来制作饼图。

目前，当我使用全局变量中的数据时，数据不会反映在饼图中。我能做什么？

这是我的代码。

// 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>
 );
}
}