代码改变世界

radialindicator 控件 当前数值展示真实的数值或者格式化小数位数等

2018-02-01 17:51  zlj1817  阅读(1207)  评论(1)    收藏  举报

initValue:数值为number类型,因此无小数部分,如果要实现,可以使用format的自定义函数处理,代码如下

var i=0;//计数器
var trueValue=2.12
var radialObj = radialIndicator('#indicatorContainer', {
    radius: 60,
    barWidth: 5,
    barColor: '#FF0000',
    initValue:trueValue
    minValue: 0,
    maxValue: 60,
    fontWeight: 'normal',
    roundCorner: true,
    format: function (value) {
       i=i+1;
    if(i==2)
    {
        return trueValue;//当前数值
    }
       return value.toFixed(2);
    }
});

 

附:

jQuery轻量级圆形进度指示器插件

http://www.htmleaf.com/jQuery/Layout-Interface/201502171389.html

http://www.51xuediannao.com/js/jquery/radialIndicator.html