jQuery+html5 canvas仪表盘进度条特效

来源:https://www.sucaihuo.com/js/5366.html 2021-07-31 09:31浏览(94) 收藏

基于jQuery+html5 canvas实现的仪表盘进度条特效,可自定义颜色等参数。
jQuery+html5 canvas仪表盘进度条特效
分类:统计图 > 仪表盘 难易:初级
查看演示 下载资源 下载积分: 20 积分
参数{
    "max": 100, //最大值 
    "step": 1, //步长 
    "angle": 0, //角度0-9 
    "radius": 200, //半径
    "progresslineWidth": 15, //进度条粗细
    "progresslineColor": "#e3e8ee", //进度条背景颜色 
    "scoreSuffix": "", //分值后缀 
    "text": "进度条", //文字 
    "progressColor": function(score) {
        return "#2b85e4"
    },
    //自定义进度条颜色 
    "draw": function(ctx, score) {
        //自定义画图
    }
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2