Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как правильно сделать скругление углов и расположить в нахлёст сектора у donut chart (https://javascript.ru/forum/dom-window/81768-kak-pravilno-sdelat-skruglenie-uglov-i-raspolozhit-v-nakhljost-sektora-u-donut-chart.html)

dc65k 27.01.2021 18:14

Как правильно сделать скругление углов и расположить в нахлёст сектора у donut chart
 
Вложений: 1
Всем привет. Подскажите пожалуйста как правильно сделать в соответствии с тем, как donut chart выглядит на изображении (во вложении).
В данном примере я сделал исходный обычный donut chart .
https://codepen.io/dc65k/pen/XWNrbao
На картинке видно, что углы секторов закруглены и расположены как бы в нахлёст.
Сделав вызовы следующих двух методов:
.cornerRadius(20)
.endAngle(data.length)
Кажется, что визуально эффект достигнут, но при наведении на сектор, видно, что он стал слишком длинным, соответственно, подскажи как сделать правильно?
https://codepen.io/dc65k/pen/xxRKGXN


Часовой пояс GMT +3, время: 11:58.