Proportions Input

Компонент за въвеждане на пропорции. Може да се използва като част от табло за управление на ISLE или самостоятелно. В последния случай искате да обработвате промените чрез атрибута onChange или да свържете стойността с глобална променлива чрез атрибута bind.

Опции

colors | array<string>: масив от цветове за компонентите на кръговата диаграма. Ако не е дефинирана, ще се използва потребителска цветова скала.. Default: none.
disabled | boolean: контролира дали полето за въвеждане е деактивирано. Default: false.
height | number: височина на входните пропорции (в px). Default: 200.
legends | array: етикети на групи. Default: [].
onChange | function: функция за обратна връзка, която да се извика при направен избор. Default: onChange(){}.
precision | number: показана точност на пропорционалните стойности. Default: 1.
step | number: стъпката на стрелките, които се виждат при задържане на курсора над полето за въвеждане. Default: 0.1.

Примери

Редактор в реално време

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

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери