Как изменить ширину path в этом SVG?

Question

[Nikita Shchypylov]

Всем привет

демо

Как тут уменьшить толщину path? stroke-width не помогает

Спасибо

Answer 1

[Максим Тимофеев]

https://jsfiddle.net/yeac375b/14/

Comments

[Nikita Shchypylov]

хорошо, как тогда изменить толщину путей?

[Максим Тимофеев]

Nikita Shchypylov: хотя нет вру можно, проверил себя, каюсь. И stroke-width должен работать

[Nikita Shchypylov]

Максим Тимофеев: но stroke-width не срабатывает на path

[Максим Тимофеев]

Nikita Shchypylov:

slice.enter()
      .insert("path")
      .style("fill", function(d) {
        return d.data.color;
      }).attr("stroke-width", 5).attr("stroke", "black")

Думаю дело в том, что надо было цвет указать
https://jsfiddle.net/yeac375b/14/

Answer 2

[DTX]

Установить цвет и задать толщину обводки:

stroke: red;
stroke-width: 20px;

Answer 3

[Elwen]

Если Вы хотите изменить именно толщину частей, то вам надо смотреть 65-67 строки js:

this.arc = d3.svg.arc()
   .outerRadius(radius * 0.8)
   .innerRadius(radius * 0.4);

outerRadius - величина внешнего круга
innerRadius - величина внутреннего круга
Разница между ними и есть диаграмма.

Например, диаграмма без дырки будет:

this.arc = d3.svg.arc()
   .outerRadius(radius * 0.8)
   .innerRadius(radius * 0);

Answer 4

[Nikita Shchypylov]

Всем спасибо, решил вопрос добавлением в контейнер круглого блока с белым бэкграундом. Он накладывается на свг и красота :)

Comments

[Elwen]

Жестко вы)