Passing values to Bar chart via JSON array in React js

Question

Hello I want to pass my dynamically values like months like SEP,OCT,NOV and its sum value about user creation month vise. My chart working fine with giving manually values but when I give values with JSON map then its not working. My code with Manually which is working fine

   data: {
     labels:[ chartUsers[0]?.Month,chartUsers[1]?.Month,chartUsers[2]?.Month ],
     datasets:[
      {
    label: "2022",
    data: [chartUsers[0]?.totalUsers, chartUsers[1]?.totalUsers, chartUsers[2]?.totalUsers],
    maxBarThickness: 15
      }
          ]
     }

But When I give values by loop then not working. My cod with loop is

    data: {
     labels:[ chartUsers.map(item => { return(item.Month+',')  }) ],
     datasets:[
      {
    label: "2022",
    data: [chartUsers.map(item => { return(item.totalUsers+',')  })],
    maxBarThickness: 15
      }
          ]
     }

Then this code is not working. Actually I want with values with loop. Can anyone help please with thanks

Muhammad Shafique Attari · Accepted Answer · 2022-12-22 12:45:57Z

2

map function already returns array, so you should remove the brackets:

  data: {
    labels: chartUsers.map(item => { return(item.Month)  }) ,
    datasets:[
            {
          label: "2022",
          data: chartUsers.map(item => { return(item.totalUsers)  }),
          maxBarThickness: 15
            }
         ]
    }

edited Dec 22, 2022 at 12:45

Muhammad Shafique Attari

1051 silver badge12 bronze badges

answered Dec 22, 2022 at 11:47

SuleymanSah

18k6 gold badges38 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Muhammad Shafique Attari Over a year ago

Thanks a lot . Please up vote my question too with thanks

Collectives™ on Stack Overflow

Passing values to Bar chart via JSON array in React js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related