Состояние прохождения Chartjs-2 для динамической обработки данных - PullRequest
Новая
       21

Состояние прохождения Chartjs-2 для динамической обработки данных

0 голосов
/ 11 февраля 2019

Я пытаюсь динамически передавать данные из своего состояния в наборы данных chartjs.

Я использую responseJs, chartjs-2

Вот когда я вызываю свою диаграмму: 

   <Line data={cardChartData1} options={cardChartOpts1} height={70} />

Здесь cardChartData1, где у меня есть мои статические данные: 

const cardChartData1 = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
  label: "Member Registered",
  backgroundColor: brandInfo,
  borderColor: 'rgba(255,255,255,.55)',
  data: [1, 33, 9, 17, 34, 22, 11],
},
],};

Здесь мое состояние: 

    this.setState({ 
    registeredLastHours: registeredLastHours,
  });

, которые возвращаются: 

{nbParticipants: 0}
{nbParticipants: 3}
{nbParticipants: 14}
{nbParticipants: 1}
{nbParticipants: 3}
{nbParticipants: 6}
{nbParticipants: 15}

Итак, яхотел передать this.state.registeredLasHours в cardChartData1 , чтобы заменить данные: [1, 33, 9, 17, 34, 22, 11], (я знаю, что у меня естьдля сопоставления и возврата массива)

cardChartData1 - это функция const вне моего компонента, мое состояние устанавливается в моем компоненте, когда компонентDidMount запускается

Ожидаемый результат в cardChartData1 будет выглядеть примерно так:

data: this.state.registeredLastHours.

...