[ReactJS]

Eu tenho um objeto como esse:

data: [
{
country: "AD",
hot dog: 104,
burger: 97,
sandwich: 69,
kebab: 170,
fries: 194,
donut: 115
},
{
country: "AE",
hot dog: 14,
burger: 100,
sandwich: 68,
kebab: 174,
fries: 10,
donut: 114
}]


Eu gostaria que meu axisLeft pudesse acessar outros valores desse data.

Atualmente eu estou usando o format no axisLeft, criei uma variável:

const axisLeft = value => value


e no gráfico passando assim:

axisLeft={{
format: axisLeft,
...
}}


Com isso eu consigo acessar o indexBy que é country. Mas eu não consigo acessar outros dados, como por exemplo donut E eu gostaria que meu axisLeft tivesse mais de um dado na label. Gostaria que renderizasse o axisLeft além do valor do indexBy que é AD e AE, ele renderizasse para cada axisLeft o valor de cada respectivo donut também.

AD - 115
AE - 114


Algo como isso aqui:



Continue reading...