Quiero incrustar mi gráfico de Apache Superset en mi aplicación React.js. Hasta ahora sé que existe la posibilidad de usar así:
<iframe id="myIFRAME" width="1600" height="1200" seamless frameBorder="10" scrolling="no" src="http://localhost:8080/r/3" > </iframe> Funciona bien, pero quiero usar solo un gráfico con opciones de filtro sin todo el panel de superconjunto: 
Estaba tratando de usar https://www.npmjs.com/package/@superset-ui/core , pero no hay una buena documentación sobre cómo usarlo y es necesario degradar la versión de reacción a 16, aunque creo que mi proyecto lo hará. ser mejor versión más reciente.
Actualmente estoy tratando de manipular cosas dentro de iframe capturando cosas por
var iframe = document.getElementById("myIFRAME"); var elmnt = iframe.contentWindow.document.getElementsByClassName( "dashboard-content css-185d7vi" ); elmnt.style.display = "none"; Pero creo que no es una buena manera de hacer esto y obtengo errores con CORS y Consider adding an error boundary to your tree to customize error handling behavior.
Hay una opción para agregar al atributo de consulta iframe standalone=true..
<iframe id="myIFRAME" width="1600" height="1200" seamless frameBorder="10" scrolling="no" src="http://localhost:8080/superset/dashboard/world_health/?standalone=true" ></iframe>Creo que esto es útil para su pregunta.
<iframe width="1600" height="1600" seamless frameBorder="0" scrolling="yes" src="http://127.0.0.1:8088/superset/dashboard/16?standalone=2" > </iframe>No obtenga la URL de ' Copiar URL del tablero ' en superconjunto. En lugar de eso, puede obtener la URL del panel de control desde la dirección del enlace del navegador. Al final de la URL simplemente agregue ' ?standalone=2 '