Proportions Survey

Komponent, der gør det muligt for en gruppe af personer at stemme om vægtningen og vigtigheden af givne valgmuligheder.

Indstillinger

• allowMultipleAnswers | boolean: styrer, om man ønsker at tillade, at eleverne kan besvare undersøgelsen flere gange. Default: false.
• anonymous | boolean: kontrollerer, om elevsvarene anonymiseres. Default: false.
• colors | array: array af farver til komponenterne i cirkeldiagrammet. Hvis den ikke er defineret, anvendes en foruddefineret farveskala. Default: none.
• disabled | boolean: styrer, om undersøgelsen skal deaktiveres. Default: false.
• group | string: overskrift for gruppedisplay. Default: 'group results'.
• groupHeight | number: proportioner af indgangshøjden for gruppevisning (i px). Default: 100.
• legends | array: etiketter med en beskrivelse af de muligheder, der skal vejes. Default: [].
• margin | string: andel af inputmargin (i px). Default: '40px'.
• onSubmit | function: callback-funktion, der påkaldes, når eleverne afgiver et svar. Default: onSubmit() {}.
• personalHeight | number: proportioner input højde for den enkelte elev (i px). Default: 200.
• precision | number: viste præcision af proportionsværdier. Default: 2.
• question | (string|node): det spørgsmål, der skal vises. Default: ''.
• step | number: det trin af pilene, der ses, når markøren svæver over indtastningsfeltet. Default: 0.25.

Eksempler

Live Editor

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

Resultat

ReferenceError: Provider is not defined