使用ChartJs爲「炸面圈餅圖」調整大小半徑與ChartJs圖表

Question

I.m。默認半徑比我預期的要大得多。有沒有辦法調整半徑寬度。？

該documentatin部分沒有提供任何信息。

$(document).ready(function() { 
    var ctx = document.getElementById("chart-area").getContext("2d"); 

    new Chart(ctx).Doughnut(doughnutData, {responsive : true}); 
    }); 

Answer 1

擴展圓環圖設置outerRadius（可能使用你傳遞一個選項）原型的初始化後

Chart.types.Doughnut.extend({ 
    name: "DoughnutAlt", 
    initialize: function(data){ 
     Chart.types.Doughnut.prototype.initialize.apply(this, arguments); 
     this.outerRadius *= this.options.radiusPercentage; 
    } 
}); 

，然後使用擴展圖表類型

var ctx = document.getElementById("chart-area").getContext("2d"); 
var myNewChart = new Chart(ctx).DoughnutAlt(doughnutData, { 
    responsive : true, 
    radiusPercentage: 0.8 
});