Proportions Input

Een proportionele invoercomponent. Kan worden gebruikt als onderdeel van een ISLE-dashboard of stand-alone. In het laatste geval wilt u veranderingen verwerken via het on-Change attribuut of de waarde binden aan een globale variabele via het bind attribuut.

Opties

• colors | array<string>: reeks kleuren voor de taartdiagrammen. Indien niet gedefinieerd, zal een aangepaste kleurenschaal worden gebruikt. Default: none.
• disabled | boolean: controleert of het invoerveld is gedeactiveerd. Default: false.
• height | number: verhoudingen invoerhoogte (in px). Default: 200.
• legends | array: groepslabels. Default: [].
• onChange | function: terugbelfunctie die moet worden ingeroepen wanneer een keuze wordt gemaakt. Default: onChange(){}.
• precision | number: weergegeven nauwkeurigheid van de verhoudingen. Default: 1.
• step | number: de stap van de pijlen gezien bij het zweven met de cursor boven het invoerveld. Default: 0.1.

Voorbeelden

Live redacteur

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

Resultaat

ReferenceError: Provider is not defined