D3.js nvd3饼状外层

我想不出如何改变图表中的半径

nv.addGraph( function() {

    var chart = nv.models.pieChart()
            .x(function(d) { return d.label })
            .y(function(d) { return d.value })
            .width( 520)
            .height( 250)
            .donut( true)
            .showLabels( false)


    d3.select( '#stat-lang svg')
            .datum( data)
            .transition().duration(1200)
            .call( chart)

    return chart;
});

---

我使用NVD3。

基于源代码

var availableWidth = width - margin.left - margin.right,
    availableHeight = height - margin.top - margin.bottom,
    radius = Math.min(availableWidth, availableHeight) / 2,
    arcRadius = radius-(radius / 5), // radius
    container = d3.select(this);

…半径根据宽度和高度计算，取两者中的最小值。因此，只能通过将这些尺寸输入图表来调整半径，如：

var chart = nv.models.pieChart()
    .x(function(d) { return d.label })
    .y(function(d) { return d.value })
    .showLabels(true)
    .donut(true)
    .donutRatio(0.35)
    .width(500) // width
    .height(500); // height

使用chart.arcRadius:{“内部”：0.6，“外部”：0.9}用于调整内部和外部半径

---

图。甜甜圈（0.5）是从中间切出制作甜甜圈的饼半径的百分比。它乘以外半径以计算内半径，因此它应介于0和1之间。默认值为0.5

要更改半径，请使用：

chart.arcsRadius({"inner":0.6,"outer":0.8}) 

有关更多信息，请查看