Показать сообщение отдельно
  #1 (permalink)  
Старый 27.01.2021, 18:14
Интересующийся
Отправить личное сообщение для dc65k Посмотреть профиль Найти все сообщения от dc65k
 
Регистрация: 19.05.2020
Сообщений: 21

Как правильно сделать скругление углов и расположить в нахлёст сектора у donut chart
Всем привет. Подскажите пожалуйста как правильно сделать в соответствии с тем, как donut chart выглядит на изображении (во вложении).
В данном примере я сделал исходный обычный donut chart .
https://codepen.io/dc65k/pen/XWNrbao
На картинке видно, что углы секторов закруглены и расположены как бы в нахлёст.
Сделав вызовы следующих двух методов:
.cornerRadius(20)
.endAngle(data.length)
Кажется, что визуально эффект достигнут, но при наведении на сектор, видно, что он стал слишком длинным, соответственно, подскажи как сделать правильно?
https://codepen.io/dc65k/pen/xxRKGXN
Изображения:
Тип файла: jpg 81ab8788-c484-4eff-a5fb-72d5360a1dbf.jpg (15.5 Кб, 2 просмотров)

Последний раз редактировалось dc65k, 27.01.2021 в 18:17.
Ответить с цитированием