Круговой слайдер React.js с двумя большими пальцами

Question

Я пытаюсь построить круглый ползунок с двумя большими пальцами (ручками). Требование очень конкретное, наш клиент хочет, чтобы он был круглым по форме и должен иметь две ручки. Я попытался изменить форму MUISlider на круглую (хотя уже поддерживает две ручки, а не круглые), но тщетно.

https://codesandbox.io/s/h0esn

Мы попробовали это, но не поддерживает две ручки - https://dmitrymorozoff.github.io/react-circle-slider/

Пожалуйста, найдите прикрепленное изображение для справки, помогите мне найти что-то, что соответствует нашим требованиям.

Answer 1

Вы можете попробовать использовать плагин roundSlider , который поддерживает множество настроек. Проверьте приведенную ниже демонстрацию для примера круглого ползунка с двумя большими пальцами:

Демонстрация: https://stackblitz.com/edit/react-circular-slider-with-two-thumbs