Proportions Input

Eine Komponente zur Eingabe von Proportionen. Kann als Teil eines ISLE Dashboards oder eigenständig verwendet werden. Im letzteren Fall möchten Sie Änderungen über das Attribut onChange behandeln oder den Wert über das Attribut bind an eine globale Variable binden.

Optionen

• colors | array<string>: Array mit Farben für die Kreisdiagrammkomponenten. Wenn nicht definiert, wird eine benutzerdefinierte Farbskala verwendet. Default: none.
• disabled | boolean: steuert, ob das Eingabefeld deaktiviert ist. Default: false.
• height | number: Proportionen Eingangshöhe (in px). Default: 200.
• legends | array: Gruppenbeschriftungen. Default: [].
• onChange | function: Callback-Funktion, die aufgerufen wird, wenn eine Auswahl getroffen wird. Default: onChange(){}.
• precision | number: Angezeigte Präzision der Anteilswerte. Default: 1.
• step | number: die Stufe der Pfeile, die zu sehen sind, wenn der Cursor über dem Eingabefeld schwebt. Default: 0.1.

Beispiele

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

Ergebnis

ReferenceError: Provider is not defined