Question

我正在使用cirque.js插件显示用画布绘制的圆圈百分比值。

这是我制作的JSFIDDLE应该包含插件代码的所有信息。

最初，使用正确的值正确绘制圆圈。

问题：当我尝试通过单击按钮的函数更新值时，没有任何反应，没有工作，我认为需要使用新值再次绘制画布？

问：如何异步更新圆圈百分比值？

$('.cirque').cirque ({ //this works
    radius: 40,
    value: 65,
    total: 100,
    trackColor: '#ccc',
    arcColor: '#5cb85c',
    label: 'percent',
    lineWidth: 12
});

$('#update').click(function (e) { 
    updateCircle(50); //this does not work
});

function updateCircle(val){ 
    $('.cirque').cirque ({
        radius: 40,
        value: val,
        total: 100,
        trackColor: '#ccc',
        arcColor: '#5cb85c',
        label: 'percent',
        lineWidth: 12
    });
}

Answer 1

我没有找到任何更新此插件中的值的函数。但你可以用技巧更新价值。将snmp.get()替换为具有相同div的{{1}}类，并将其初始化为新值，如下所示。希望这会对你有所帮助。

cirque

更新小提琴：https://jsfiddle.net/8d9sw1yg/2/

单击按钮更新/重绘画布

1 个答案: