I'm trying to implement multiple Doughnut type graphs into a single component. Library: 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>
Both doughnuts work on their own when the other one is commented out. But when I want to have both, only latter one displays. I checked canvas ids and they are different. So I'm thinking vue takes these two as the same instance?
I was using the 4.0.4 version, downgraded it to the 4.0.3 version and it works.
Hope it helps.