I am trying to represent JSON formated data Using React library Victory here it is.
example of component:
JavaScript
x
23
23
1
const data = [
2
{quarter: 1, earnings: 13000},
3
{quarter: 2, earnings: 16500},
4
{quarter: 3, earnings: 14250},
5
{quarter: 4, earnings: 19000}
6
];
7
8
class App extends React.Component {
9
render() {
10
return (
11
<VictoryBar
12
data={data}
13
// data accessor for x values
14
x="quarter"
15
// data accessor for y values
16
y="earnings"
17
/>
18
)
19
}
20
}
21
22
ReactDOM.render(<App/>, mountNode);
23
but I get my data from API in JSON format
notice format of data:
JavaScript
1
7
1
const data = { "historical" : [
2
{"quarter": 1, "earnings": 13000},
3
{"quarter": 2, "earnings": 16500},
4
{"quarter": 3, "earnings": 14250},
5
{"quarter": 4, "earnings": 19000}
6
]};
7
What type of array is used in first fragment?
And how can I make it from the second?
Advertisement
Answer
Use data.historical
as the array in your component.