Proportions Input

Vstupní komponenta proporcí. Lze ji použít jako součást přístrojové desky ISLE nebo samostatně. V druhém případě chcete zpracovávat změny pomocí atributu onChange nebo vázat hodnotu na globální proměnnou pomocí atributu bind.

Možnosti

colors | array<string>: pole barev pro součásti koláčového grafu. Pokud není definována, použije se vlastní barevná škála.. Default: none.
disabled | boolean: řídí, zda je vstupní pole deaktivováno. Default: false.
height | number: proporce vstupní výšky (v px). Default: 200.
legends | array: štítky skupin. Default: [].
onChange | function: funkce zpětného volání, která se vyvolá při volbě. Default: onChange(){}.
precision | number: zobrazená přesnost hodnot podílu. Default: 1.
step | number: krok šipek, které se zobrazí při najetí kurzoru nad vstupní pole.. Default: 0.1.

Příklady

Živý editor

<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" ]}
/>

Výsledek

ReferenceError: Provider is not defined

Možnosti​

Příklady​

Možnosti

Příklady