class Finfosoft.Ring

NAME

环形进度条

ATTENTION

容器推荐宽高比： 1 : 1

OPTIONS

Name	Type	Necessary	Description	Default	Arguments
el	String	true	容器DOM选择器	-	-
startDeg	Number	true	起始角度(0度 -> x轴正向)	-	-
endDeg	Number	true	结束角度(0度 -> x轴正向)	-	-
lineWidth	Number	false	滚动条宽度	20%容器宽度	-
bgColor	String	false	滚动条背景色	'#eeeeee'	-
mainColor	String	false	滚动条主色	'#66ee66'	-
maxVal	Number	false	最大值	100	-
precision	Number	false	数据精度	0	-
initVal	Number	false	初始数据	0	-

METHODS

• reset() 重置，回到上次记录值的状态

EXAMPLE

new Finfosoft.Ring({
    el: '.finfosoft-ring',
    startDeg: 150,
    endDeg: 30,
    lineWidth: 18,
    bgColor: '#eeeeee',
    mainColor: '#66ee66',
    maxVal: 7000.12,
    precision: 2,
    initVal: 1256.78
});

LIVE-DEMO

https://codefine.github.io/finfosoft/examples/Ring.html