Proportions Input

Składnik wejściowy proporcji. Może być używany jako część deski rozdzielczej ISLE lub autonomiczny. W tym drugim przypadku, chcesz obsługiwać zmiany poprzez atrybut onChange lub powiązać wartość ze zmienną globalną poprzez atrybut bind.

Opcje

colors | array<string>: Zestawienie kolorów dla elementów wykresu kołowego. Jeśli nie zostanie zdefiniowana, zostanie użyta niestandardowa skala kolorów. Default: none.
disabled | boolean: kontroluje, czy pole wprowadzania danych jest nieaktywne. Default: false.
height | number: proporcje wysokość wejścia (w px). Default: 200.
legends | array: etykiety grupowe. Default: [].
onChange | function: funkcja wywołania zwrotnego, którą należy wywołać po dokonaniu wyboru. Default: onChange(){}.
precision | number: wyświetlana precyzja wartości proporcji. Default: 1.
step | number: krok strzałek widoczny po najechaniu kursorem nad pole wprowadzania danych. Default: 0.1.

Przykłady

Edytor na żywo

<ProportionsInput
    user
    id="Survey"
    question="Decide what is important"
    group="Group decision"
    nElements={3}
    colors = {[ "red", "blue", "gold" ]}
    personalHeight={300}
    groupHeight={200}
    margin="80px"
    legends={[ "bitcoin", "old", "diamonds" ]}
/>

<ProportionsInput
    user
    id="Survey"
    question="Decide what is important"
    group="Group decision"
    nElements={3}
    colors = {[ "red", "blue", "gold" ]}
    personalHeight={300}
    groupHeight={200}
    margin="80px"
    legends={[ "bitcoin", "old", "diamonds" ]}
/>

Wynik

ReferenceError: Provider is not defined

Opcje​

Przykłady​

Opcje

Przykłady