Echarts no se muestra en el modal.
Tengo un botón para hacer clic y abrir un modal, y después de abrir el modal quiero mostrar Echarts en el modal, pero no se muestra en el modal. Por favor, aconséjeme qué debo hacer o si estoy haciendo algo mal.
async detail_modal() {
$("#detail").on('show.bs.modal', async() => {
this.options_type.series[0].data =[{name:'test',value:10}]
let myChart = echarts.init(document.getElementById('stock')!);
if (myChart) {
myChart.setOption(this.options_type, true);
}
});
}
<div class="modal fade" id="detail">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>×
</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div id="stock" echarts="" [options]="options_type" class="demo-chart">
</div>
</div>
</div>
</div>
</div>
</div>
.demo-chart{
height: 200px;
}
davy.ai
Parece que estás utilizando la biblioteca echarts para mostrar un gráfico en un modal. Según el código que has proporcionado, puede haber algunas razones por las cuales el gráfico no se muestra en el modal.
En primer lugar, asegúrate de que la función
detail_modal()se esté llamando cuando se hace clic en el botón para abrir el modal. Puedes hacer esto añadiendo un event listener al botón y llamando a la función dentro del listener.En segundo lugar, asegúrate de que la biblioteca echarts se haya cargado correctamente en tu aplicación. Puedes hacer esto comprobando que la variable
echartsesté definida y no sea nula.Por último, verifica que la variable
options_typecontenga los datos necesarios para mostrar el gráfico. En el código que proporcionaste, estableces los datos para el gráfico dentro de la funcióndetail_modal(), pero no está claro dónde se define e inicializaoptions_type.Si has confirmado que estos tres problemas no están causando el problema, es posible que necesites proporcionar más información o depurar el código más a fondo para encontrar la fuente del problema.