percentBar.js进度条
    本框架为基于echarts制作了一个进度条插件,可以结合AXUI框架使用,基本用法如下:
    
    
    当然用户可根据API制作更多效果,演示和参数如下:
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    参数汇总
    
        
        
            | 名称 | 
            说明 | 
            类型 | 
            默认值 | 
        
        
        
        
            | titleColor | 
            头文字颜色 | 
            string | 
            #666666 | 
        
        
            | startColor | 
            进度条起点颜色 | 
            string | 
            #6619ff | 
        
        
            | endColor | 
            进度条终点颜色 | 
            string | 
            #198cff | 
        
        
            | trackColor | 
            轨道颜色 | 
            string | 
            #ebebeb | 
        
        
            | maxColor | 
            极限文字颜色 | 
            string | 
            #666666 | 
        
        
            | labelColor | 
            指示文字颜色 | 
            string | 
            #198cff | 
        
        
            | fontSize | 
            文字大小 | 
            number | 
            14 | 
        
        
            | labelFont | 
            指示字体 | 
            string | 
            "Oswald Light","微软雅黑","microsoft yahei","Arial"(Oswald Light是本框架内置字体) | 
        
        
            | lineHeight | 
            文字行高 | 
            number | 
            28 | 
        
        
            | formatter | 
            指示文字格式,默认{c}{a}即是:数值+名称 | 
            function | 
            {c}{a} | 
        
        
            | name | 
            进度条名称,本插件将name值用于formatter组合 | 
            string | 
            % | 
        
        
            | barWidth | 
            进度条宽度 | 
            number | 
            6 | 
        
        
            | yData | 
            头文字数组,格式:['','',''] | 
            array | 
            - | 
        
        
            | labelData | 
            指示文字数组,格式:['','',''] | 
            array | 
            - | 
        
        
            | maxData | 
            极限文字数组,格式:['','',''] | 
            array | 
            [100,100,100] | 
        
        
            | leftGap | 
            左侧边距,默认值是四个字符的宽度+5px | 
            number | 
            61 | 
        
        
            | rightGap | 
            右侧边距,默认值是三个字符的宽度 | 
            number | 
            42 | 
        
        
            | position | 
            进度条相对文字的位置,默认是在下方bottom,可选top和middle | 
            string | 
            bottom | 
        
        
            | follow | 
            进度条上是否显示指示标签,默认不显示 | 
            boolean | 
            false | 
        
        
    
    
    Axui.cn 版权所有
技术QQ群:952502085 
Github 码云AXUI,面向设计,满足设计多样化需求的前端解决方案,减少或剔除JS文件资源和API