Puedes integrar una gráfica o tablero en una aplicación web con el SDK de integración, permitiendo ajustes más flexibles de configuraciones y renderizado.
Para aprender más, Comenzar con el SDK de Embedded.
Instalar el SDK de incrustación
Si tiene una aplicación web sencilla, puede hacer referencia al SDK de incrustación desde una etiqueta de script, sin necesidad de instalación. Puede usar el UMD para ejecutar @mongodb-js/charts-embed-sdk
directamente en el navegador.
<script src="https://unpkg.com/@mongodb-js/charts-embed-dom"></script>
Si estás creando una aplicación web más compleja y estás utilizando npm o yarn, puedes instalar el SDK de Embedding para que pueda usarse directamente desde tus archivos de scripts.
Para instalar el SDK de incrustación con npm, utilice el siguiente comando:
npm install @mongodb-js/charts-embed-dom
Para instalar con yarn:
yarn add @mongodb-js/charts-embed-dom
Ejemplos
An Puede encontrar unaaplicación de ejemplo que utiliza el SDK de incrustación codesandbox.io en. La aplicación de ejemplo muestra algunas de las funciones interactivas disponibles en el SDK de incrustación, incluyendo un filtro interactivo y un botón de actualización manual.
La aplicación de ejemplo está configurada con un ID de gráfico y una URL base específicos de la aplicación. Asegúrese de configurar sus propias aplicaciones con el ID de gráfico o de panel y la URL base correctos.
La aplicación de ejemplo utiliza dos métodos del SDK:
Método | Descripción | Args | Devuelve |
|---|---|---|---|
| Recarga la gráfica con los datos más recientes de su fuente de datos. | Ninguno | Promise<void> |
| Filtra su gráfica incrustada según un documento de filtro MQL especificado documento de filtro. Cualquier campo incluido en el filtro debe especificarse en el modal Embed gráfica. Consulta Filtrar Charts integrados con el SDK. | filtro object | Promise<void> |
Otros ejemplos están disponibles en el SDK de incrustación de MongoDB Ejemplos Repositorio de GitHub.