Можно ли передать данные в глобальной переменной в chart.js?

Я делаю диаграмму с помощью Chart.js с React.js ( response-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>
 );
}
}

0 ответов

Другие вопросы по тегам