D3.js 如何在D3脊图中强制均匀环

我已经成功地画出了一个径向图，但是环之间的距离越远，越小。我希望他们在距离上保持一致

我已经尝试过改变yticks/x刻度以及我看到的使用PI的各种刻度。。。做了前者，我在我的图表上得到了一个统一的比例。。。i、 e第2步，而不是由代码自行决定，但环之间的距离仍然更近

如果不想发布整个代码，选择正确的部分有点棘手，因为我不确定应该查看代码的哪一部分

var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height"),
innerRadius = 180,
outerRadius = Math.min(width, height) / 2,
g = svg.append("g").attr("transform", "translate("+width / 2 + "," + height / 2 + ")");

var x = d3.scaleBand()
.range([0, 2 * Math.PI])
.align(0);

var y = d3.scaleRadial()
.range([innerRadius, outerRadius]);

var z = d3.scaleOrdinal()
.range(<?php echo json_encode($plotColors);?>);

var svg=d3.选择（“svg”），
宽度=+svg.attr（“宽度”），
高度=+svg.attr（“高度”），
内半径=180，
外层=数学最小值（宽度、高度）/2，
g=svg.append（“g”）.attr（“transform”、“translate”（“+width/2+”，“+height/2+”））；
var x=d3.scaleBand（）
.range（[0,2*Math.PI]）
.align（0）；
变量y=d3.scaleRadial（）
.范围（[内半径，外半径]）；
var z=d3.scaleOrdinal（）
.range（）；

我希望环与环之间的距离相等，但是，当它们从中心向外移动时，它们会越来越近

var y=d3。scaleLinear（）起作用