#reactjs #typescript #charts #chart.js
Вопрос:
Как я могу изменить толщину двух диаграмм пончиков, если одна вложена в другую. Пример: https://codesandbox.io/s/doughnut-chart-percentage-kqoi1?file=/src/App.tsx
Я хочу выглядеть так:
Я пробовал использовать опции «вырез» и «вес», и это работает, если бы у меня была только одна диаграмма, но я не могу изменить обе на одинаковую толщину. Я хочу, чтобы оба пончика были такими же тонкими, как на картинке.
Ответ №1:
Вы можете определить cutout: '90%' оба набора данных.
cutout: Часть диаграммы, вырезанная из середины. Если строка и заканчивается на»%», процент от радиуса диаграммы. число считается равным пикселям.
Пожалуйста, взгляните на свою исправленную песочницу
Не знаю почему, но мне нужно нажать кнопку обновить внутри песочницы, чтобы правильно нарисовать диаграмму. Я думаю, Песочница каким-то образом запоминает ваш исходный код после того, как я его раздвоил.
Комментарии:
1. Спасибо! ладно, все так просто. Я не использовал значение в виде строки с процентами. Я использовал его как номер, и вот почему это не сработало. (правильное прочтение документа было бы полезно). Большое вам спасибо за помощь. Тем временем я нашел обходной путь и попытался использовать третий пончик с белым bg в качестве заполнителя внутри, который работал оптически. Но, конечно, тогда я пойду правильным путем, как вы написали.