Estoy tratando de representar datos con formato JSON usando la biblioteca React Victory aquí está .

ejemplo de componente:

 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);

pero obtengo mis datos de API en formato JSON

aviso formato de datos:

 const data = { "historical" : [ {"quarter": 1, "earnings": 13000}, {"quarter": 2, "earnings": 16500}, {"quarter": 3, "earnings": 14250}, {"quarter": 4, "earnings": 19000} ]};

¿Qué tipo de matriz se usa en el primer fragmento?

¿Y cómo puedo hacerlo desde el segundo?