Reactjs: How to add dataset dynamically in bar chart

Asked Jan 22 '18 at 15:15

Active Jan 22 '18 at 15:21

Viewed 704 times

I am using react chart js. iI had added bar chart in my page, my chart data is:

const data = {
          labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          datasets: [
            {
              backgroundColor: '#db3eb1',
              data: [7, 8, 3],
            },
            {
              backgroundColor: '#db3eb1',
              data: [0, 9, 7],
            },
            {
              backgroundColor: '#db3eb1',
              data: [0, 10, 12],
            },
          ],
        };

Then I try to change this data into dynamically but it not working properly. The dynamic data is:

[{"backgroundColor":"#db3eb1","data":[1.119]},
{"backgroundColor":"#db3eb1","data":[1.103]},    
{"backgroundColor":"#db3eb1","data":[1.105]},    
{"backgroundColor":"#db3eb1","data":[1.096]},
{"backgroundColor":"#db3eb1","data":[1.22,1.097]},
{"backgroundColor":"#db3eb1","data":[1.092]}]

How to fix this issue?

edited Jan 22 '18 at 15:21

user3382203

asked Jan 22 '18 at 15:15

6round

how are you changing it? – azium Jan 22 '18 at 15:26
@azium thank u for ur reply i changing through the map function `const datasetArray = map(barChartArray, el => ({ backgroundColor: '#db3eb1', data: el }));` – 6round Jan 22 '18 at 15:35
`barChartArray` list of data like my dynamic `data` – 6round Jan 22 '18 at 15:36
map usage is like this : `barChartArray.map(el => ({ ...` – Dyo Jan 22 '18 at 15:38
i am using lodash – 6round Jan 22 '18 at 15:43

Reactjs: How to add dataset dynamically in bar chart

0 Answers0