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>
我开始学习 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>