import React, { Component } from "react"; import Plot from "react-plotly.js"; import PostData from "./EngineData3D.json"; class EngineData3D extends Component { PostData = this.PostDataPostData.map((postDetail, index) => { return <div> x: {postDetail.AFR} y:{postDetail.engine_load} </div> } ) render() { return ( <div> <Plot /> data={ [ { type: 'bar', mode: 'lines', x: this.PostData(this.state.postDetail.AFR)['x'], y: this.PostData(this.state.postDetail.engine_load)['y'], marker: { color: 'pink' } } ] } layout ={{ width: 1000, height: 500, title: 'Engine Data' }} </div> ) } } export default EngineData3D

Y mi nombre de archivo Json es EngineData3D.json está en la misma carpeta con el archivo .js.

Estoy tratando de usar los datos en el archivo .json para visualizar datos para tener una trama usando react-plotly.js

Soy nuevo con plotly, les agradecería que me ayuden a corregir mi código .js.