Vue ChartKick Donut 自定义 cutoutPercentage

Vue ChartKick Donut custom cutoutPercentage

我开始学习 vue,但我不知道如何使用 vue chartkick 自定义图表。我想要做的是通过默认选项来更改图表的默认样式,假设我想要一个不同的 cutoutPercentage,我们可以设置 Charts.js:

Chart.defaults.doughnut.cutoutPercentage = 10;

但这似乎不适用于 chartkick,我创建这个 Pen 是为了玩玩,但我想不出来,有什么想法吗?

chart kick 允许您将库选项传递给图表,使用 :library

<pie-chart :data="[['Blueberry', 44], ['Strawberry', 23]]" :donut="true" :library="{cutoutPercentage: 20}"></pie-chart>

https://codepen.io/BoyWithSilverWings/pen/YadXNO