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

时间:2017-09-25 09:37:56

标签: reactjs chart.js pie-chart react-chartjs

我正在使用带有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>
 );
}
}

0 个答案:

没有答案