Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ChartJs图表中使用调整半径_Javascript_Jquery_Html_Canvas - Fatal编程技术网

Javascript 在ChartJs图表中使用调整半径

Javascript 在ChartJs图表中使用调整半径,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,我用ChartJs来表示“甜甜圈饼图”。默认半径比我预期的要大得多,。有没有调整半径宽度的方法 文档部分没有提供任何信息 $( document ).ready(function() { var ctx = document.getElementById("chart-area").getContext("2d"); new Chart(ctx).Doughnut(doughnutData, {responsive : true}); }); 在原型初始化之后,扩展甜

我用ChartJs来表示“甜甜圈饼图”。默认半径比我预期的要大得多,。有没有调整半径宽度的方法

文档部分没有提供任何信息

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

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

在原型初始化之后,扩展甜甜圈图以设置外层(可能使用您传入的选项)

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
});