I am trying to represent JSON formated data Using React library Victory here it is.
example of component:
const data = [ {quarter: 1, earnings: 13000}, {quarter: 2, earnings: 16500}, {quarter: 3, earnings: 14250}, {quarter: 4, earnings: 19000} ]; class App extends React.Component { render() { return ( <VictoryBar data={data} // data accessor for x values x="quarter" // data accessor for y values y="earnings" /> ) } } ReactDOM.render(<App/>, mountNode);
but I get my data from API in JSON format
notice format of data:
const data = { "historical" : [ {"quarter": 1, "earnings": 13000}, {"quarter": 2, "earnings": 16500}, {"quarter": 3, "earnings": 14250}, {"quarter": 4, "earnings": 19000} ]};
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.