Estoy tratando de implementar múltiples gráficos de tipo Donut en un solo componente. Biblioteca: https://vue-chartjs.org/guide/#creating-your-first-chart
<div class="row"> <div class="col-12 col-lg-6"> <strong>Všetky</strong> <Doughnut chart-id="workNonWorkData" :dataset-id-key="'key1'" :chart-data="workNonWorkData" /> </div> <div class="col-12 col-lg-6"> <strong>Schválené</strong> <Doughnut chart-id="workNonWorkAprData" :dataset-id-key="'key2'" :chart-data="workNonWorkAprData" /> </div> </div>Ambos donuts funcionan por sí solos cuando se comenta el otro. Pero cuando quiero tener ambos, solo aparece el último. Revisé las identificaciones de lienzo y son diferentes. Entonces, ¿estoy pensando que Vue toma estos dos como la misma instancia?
Estaba usando la versión 4.0.4 , la bajé a la versión 4.0.3 y funciona.
Espero eso ayude.