多个vue-chartjs实例

Question

我正在尝试将多个Doughnut图实现为一个组件。图书馆：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>

当另一个被剔除时，这两个甜甜圈都能独立工作。但当我想两者兼得时，只有后者才会显示出来。我检查了画布I，它们是不同的。所以我认为vue把这两者当作同一个例子？

Answer 1

我使用的是4.0.4版本，将其降级为4.0.3版本，这样就能工作了。

希望能帮上忙。