Я успешно нарисовал радиальный график, но промежуток между кольцами становится все меньше и меньше по мере их продвижения. Я хотел бы, чтобы они были одинаковыми на расстоянии друг от друга.
Я пытался изменить отметки yticks / x, а также различные шкалы, которые, как я вижу, используют PI ... Делая первое, мне удалось получить равномерный масштаб на моих графиках ... то есть с шагом 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);?>);
Я ожидаю, что кольца будут на одинаковом расстоянии друг от друга, однако они сближаются по мере удаления от центра.
