小编fse*_*nna的帖子

ChartJs - 具有多个数据集的圆环图上的圆形边框

我有一个包含多个数据集的常规 Chartjs 圆环图,对数据集使用以下代码:

datasets: 
    [
        {
            label: 'Bugs',
            data: [ 60 , 6.6666666666667 , 33.333333333333 ],
            backgroundColor: ['#25CFE4', '#92E7F1', '#eeeeee'],
        }, {
            label: 'Fixes',
            data: [ 60 , 0.44444444444444 , 39.555555555556 ],
            backgroundColor: ['#514463', '#8C75AB', '#eeeeee'],
        }, {
            label: 'Redesigns',
            data: [
            33.333333333333 , 10.37037037037 , 56.296296296296 ],
            backgroundColor: ['#1B745F', '#40C1A0', '#eeeeee'],
        }
    ]
};
Run Code Online (Sandbox Code Playgroud)

我正在尝试在秤上实现圆形边缘,我成功地完成了第一轮,但其他轮则没有运气。

基本上,这就是我现在所拥有的

在此输入图像描述

这就是我想要实现的目标(对不起可怜的Photoshop)

在此输入图像描述

我不介意刻度的开头是否也是圆形的,或者灰色区域(我将其涂成灰色只是为了给人一种尚未填充的印象)气体边缘也是圆形的。

谢谢

javascript jquery html5-canvas chart.js

2
推荐指数
1
解决办法
8442
查看次数

标签 统计

chart.js ×1

html5-canvas ×1

javascript ×1

jquery ×1