我想自定义图表js圆环图,如下图所示。使用默认边框选项我无法获得预期的结果。有什么方法可以帮助我。
.
这是我的代码:
var doughnut = document.getElementById("doChart");
var myDoughnutChart = new Chart(doughnut, {
type: 'doughnut',
data: {
labels:["completed","unpaid", "pending", "canceled"],
datasets: [{
label: "My First dataset",
data: [4100,2500, 1800, 2300],
backgroundColor: ['#4c84ff','#29cc97','#8061ef','#fec402'],
borderColor: ['#4c84ff','#29cc97','#8061ef','#fec402']
}]
},
options: {
}
});
在选项中添加percentageInnerCutout:70
选项:{percentageInnerCutout:70,//制作甜甜圈图表苗条}