【问题标题】:Vue ChartKick Donut custom cutoutPercentageVue ChartKick Donut 自定义 cutoutPercentage
【发布时间】:2018-04-08 16:54:10
【问题描述】:

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

Chart.defaults.doughnut.cutoutPercentage = 10;

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

【问题讨论】:

    标签: vuejs2 chart.js chartkick


    【解决方案1】:

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

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

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

    【讨论】:

    • 它有效,谢谢,有什么方法可以将它设置为全局属性?就像所有图表都具有相同的 cutoutPercentage: 20 ?
    • 这个 Chartkick.options = {library: {cutoutPercentage: 80,}};为所有人工作,再次感谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-18
    • 1970-01-01
    • 2021-07-26
    • 2018-10-20
    相关资源
    最近更新 更多