Proportions Input

Proporciju ievades komponents. Var izmantot kā daļu no ISLE paneļa vai atsevišķi. Pēdējā minētajā gadījumā vēlaties apstrādāt izmaiņas, izmantojot atribūtu onChange, vai piesaistīt vērtību globālajam mainīgajam, izmantojot atribūtu bind.

Iespējas

• colors | array<string>: pīrāga diagrammas komponentu krāsu masīvs. Ja nav definēts, tiks izmantota pielāgota krāsu skala.. Default: none.
• disabled | boolean: kontrolē, vai ievades lauks ir deaktivizēts.. Default: false.
• height | number: proporcijas ievades augstums (px). Default: 200.
• legends | array: grupu etiķetes. Default: [].
• onChange | function: atgriezeniskā zvana funkcija, kas jāizsauc, kad ir izdarīta izvēle.. Default: onChange(){}.
• precision | number: parādītā proporcionālo vērtību precizitāte. Default: 1.
• step | number: bultiņu solis, kas redzams, kad kursors atrodas virs ievades rūtiņas.. Default: 0.1.

Piemēri

Tiešraides redaktors

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

Rezultāts

ReferenceError: Provider is not defined