Proportions Input

Un componente di ingresso proporzionato. Può essere utilizzato come parte di un cruscotto ISLE o autonomo. In quest'ultimo caso, si vuole gestire le modifiche tramite l'attributo onChange o legare il valore ad una variabile globale tramite l'attributo bind.

Opzioni

• colors | array<string>: gamma di colori per i componenti del grafico a torta. Se non definita, verrà utilizzata una scala di colori personalizzata. Default: none.
• disabled | boolean: controlla se il campo di ingresso è disattivato. Default: false.
• height | number: proporzioni altezza di ingresso (in px). Default: 200.
• legends | array: etichette di gruppo. Default: [].
• onChange | function: funzione di richiamo da invocare quando si effettua una scelta. Default: onChange(){}.
• precision | number: precisione di visualizzazione dei valori delle proporzioni. Default: 1.
• step | number: il passo delle frecce che si vedono quando si posiziona il cursore sopra la casella di immissione. Default: 0.1.

Esempi

Editore dal vivo

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

Risultato

ReferenceError: Provider is not defined