reactjs - グローバル変数のデータをchart.jsに渡すことは可能ですか?

Question

Chart.js と React.js( react-chartjs-2 ) を使用して pic チャートを作成しています。私のデータセットはグローバル変数に保存されており、それらを使用して円グラフを作成したいと考えています。

現在、グローバル変数でデータを使用すると、データが円グラフに反映されません。どうすればよいですか？

これが私のコードです。

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