Tengo estos nuestros gráficos desarrollados usando kendoui para vue, y estos 4 botones con 4 funciones adicionales. Estoy trabajando ahora en la función Zoom Out. Funciona abriendo un modal mostrando el gráfico elegido. Solo hay 1 botón "Zoom Out" y 1 modal createad, y necesito dar la información sobre qué gráfico se mostrará. ¿Cómo diablos puedo hacer esto? Cada gráfico es un componente separado, y cada uno de ellos tiene la propiedad :kpiName con su valor.
Creé una función en el clic del botón de alejamiento que convierte los datos "isModalVisible" en verdaderos, mostrando el modal, pero no sé cómo insertar el gráfico dentro. El comienzo del primer componente es el siguiente:
<chart-more-option :kpiName="'TotalActionCautionTML'""/>Y el código modal:
<template> <div class="modal-backdrop"> <div class="modal"> <header class="modal-header"> <slot name="header"> </slot> </header> <section class="modal-body"> <slot name="body"> <div id="asset-kpi" class="kpi-chart"> THE CHART WILL BE HERE </div> </slot> </section> <footer class="modal-footer"> <slot name="footer"> </slot> <button type="button" class="btn-green" @click="close" > Close Modal </button> </footer> </div> </div> </template>