JQuery旋钮显示数字更改

我正在使用JQuery Knob制作一些很酷的图表并且它工作得很好。 但是我有一个问题：我想让图表之间的显示数字连接成’％’符号。 但我似乎无法让它发挥作用。 通过jquery修改输入不会这样做，我已经尝试阅读库的代码，但没有运气。 以前有没有其他人有这个问题？

Answer 1

如果你快速浏览一下github repo，你会看到每次绘制canvas时都会调用一个绘制钩子。 如果你实现了这个钩子，你应该能够在输入中添加你想要的任何东西。 以下是您正在寻找的function的简短示例（尝试它： http ： //jsfiddle.net/eAQA2/ ）以供将来参考：

          ​ 

Answer 2

从版本1.2.7开始，现在有一个format挂钩用于执行如下任务：

 $(".dial").knob({ 'format' : function (value) { return value + '%'; } }); 

Answer 3

我设法用动画实现了这个目的：

我的解决方案通过在每次增加值时添加百分比来实现此目的：

 $(function() { $('.dial_overall').each(function () { var $this = $(this); var myVal = $this.attr("value"); $this.knob({ }); $({ value: 0 }).animate({ value: myVal }, { duration: 1600, easing: 'swing', step: function () { $this.val(Math.ceil(this.value)).trigger('change'); $('.dial_overall').val($('.dial_overall').val() + '%'); } }) }); });