Proportions Survey

Componente che permette a un gruppo di persone di votare sui pesi e sull'importanza di determinate opzioni.

Opzioni

allowMultipleAnswers | boolean: controlla se si desidera consentire agli studenti di rispondere più volte al sondaggio. Default: false.
anonymous | boolean: controlla se le risposte degli studenti sono anonime. Default: false.
colors | array: 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 l'indagine è disattivata. Default: false.
group | string: titolo del display di gruppo. Default: 'group results'.
groupHeight | number: altezza di ingresso proporzioni per la visualizzazione di gruppo (in px). Default: 100.
legends | array: etichette di legenda che descrivono le opzioni da pesare. Default: [].
margin | string: proporzione del margine di ingresso (in px). Default: '40px'.
onSubmit | function: funzione di richiamo invocata una volta che gli studenti inviano una risposta. Default: onSubmit() {}.
personalHeight | number: proporzioni altezza di ingresso per il singolo studente (in px). Default: 200.
precision | number: precisione visualizzata dei valori delle proporzioni. Default: 2.
question | (string|node): la domanda da visualizzare. Default: ''.
step | number: il passo delle frecce che si vedono quando si posiziona il cursore sopra la casella di immissione. Default: 0.25.

Esempi

Editore dal vivo

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

<ProportionsSurvey 
    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

Opzioni​

Esempi​

Opzioni

Esempi