javascript - 如何更改jQuery “easy pie chart”插件的配置参数？

我正在使用jQuery easy pie chart plugin制作饼图。最初，我传递默认配置参数。之后，我想更改饼图的bar-color，size等配置参数。

默认配置参数:

$('.chart').easyPieChart({
    easing: 'easeOutCirc',
    barColor: '#1abc9c  ',
    trackColor: '#f9f9f9  ',
    scaleColor:false,
    scaleLength: 5,
    percent: 67,
    lineCap: 'round',
    lineWidth: 15, //12
    size: 150, //110
    animate: {duration: 2000, enabled: true},
    onStep: function (from, to, percent) {
        $(this.el).find('.percent').text(Math.round(percent));
    }
});

我知道如何动态设置饼图的percentage值，就像通过以下方式一样:

$('#'+domId).data('easyPieChart').update(value);

除了percentage，我想动态设置配置参数，例如:

我想动态设置饼图的size，bar-color。为此，我尝试了很多事情，但没有找到正确的方法。

为此，我制作了JSFIddle以供理解。单击110按钮后，需要更改redraw的大小，最初的大小应为pie chart。但这是行不通的。

告诉我，我使用的插件满足我的要求吗？如果可以，该如何解决？

最佳答案

到目前为止，“简易饼图”似乎不支持动态选项。

参见https://github.com/rendro/easy-pie-chart/issues/65

如果您要坚持使用该插件，则可能需要在修改后完全重新创建图表(即销毁上一个图表并创建一个新图表)。