- 
            自定义
            
        
- 
            type: vba_color
            
        
- 
            target: primary
            
        
- 
            1
            这是我封装的一个基于canvas的环形进度条 目前只能一个canvas节点一个环形进度条
        
- 
            2
            只需要 一个canvs节点 然后引入 封装好的 encapsulation_class.js文件
        
- 
            var canvas_1 = new EnableCircle({  new EnableCircle({})
        
- 
            id:'time-graph-canvas', // 节点标签 [必填] id选择器
        
- 
            value: 80,  // 百分比值 [必填] 
        
- 
            bgColor: '', // 背景颜色 十六进制 [可填] 默认为透明;  当填了type的vba_color 或target的 可不填 
        
- 
            cirColor: '#e54d42', // 进度条颜色 十六进制 [必填] 当填了type的vba_color 或target的 可不填 
        
- 
            textColor: '#f37b1d',  // 字体颜色 十六进制 [必填] 当填了type的vba_color 或target的 可不填
        
- 
            type: 'shadow', // 样式 [可填] 默认:none 样式可选: shadow (添加阴影);vba_color(优先级最高特殊样式) none (无) 
        
- 
            lineCap: 'round',  // 进度条末端类型 [可填] 默认:butt (平滑);round (圆形线帽)  
        
- 
            target: 'default',   // 进度条指定类型 [可填] 默认: default 
        
- 
            size: 60,   // 环形半径 [可填] 默认: 40
        
- 
            lineWidth: 14,   // 进度条宽度 [可填] 默认: 8 最高60
        
- 
            open: 'between'   // 进度条开始点 [可填] 默认: top 可选 bottom 、top 、between
        
- 
          })