d3 изменить положение круговой диаграммы (средняя точка)

Есть ли способ изменить положение круговой диаграммы в D3? Кажется, я могу установить только внутренний и внешний радиус, а не центр. Я хочу нарисовать еще один цикле вокруг моей диаграммы пончиков (калибр), но теперь это не подходит. В IE это выглядит нормально, так что это может быть ошибка браузера. Любая помощь приветствуется, я оставляю новое для html/d3/javascript.d3 изменить положение круговой диаграммы (средняя точка)

Я сделал скрипку моего кода: https://jsfiddle.net/mistert69/nz0tvq24/3/

нет центра радиуса? :

var arc = d3.svg.arc() 
    .innerRadius(innerRadius) 
    .outerRadius(outerRadius); 

var pie = d3.layout.pie() 
    .startAngle(-120 * (pi/180)) 
    .endAngle(120 * (pi/180));

источник

2015-03-22 mistert69

Я не уверен, что вы пытаетесь сделать, но вы можете легко перемещать свою круговую диаграмму, добавляя ее к группе, которая сдвинута: 'var g = svg.append ('g'). attr ('transform ',' translate (40, 40) '. Это приведет к смещению круговой диаграммы 40 пикселей вниз и 40 пикселей вправо. Конечно, вам нужно будет изменить ширину и высоту SVG на соответствующую сумму, чтобы сохранить круговую диаграмму тот же размер. – mdml

Эй вы можете перевести группу, содержащую круговую диаграмму с помощью Attr («преобразования», «переводить (х, у)»

Там нет другого пути, чтобы позиционировать круговую диаграмму в. d3.

источник

2015-03-22 17:20:17

Да, спасибо, что решил мою проблему! Теперь я могу сдвинуть свою дугу и сопоставить круги вокруг них. – mistert69

d3 изменить положение круговой диаграммы (средняя точка)

ответ

Смежные вопросы