Proportions Survey

Onderdeel dat een groep mensen in staat stelt om te stemmen over de gewichten en het belang van bepaalde opties.

Opties

• allowMultipleAnswers | boolean: controleert of men de studenten wil toestaan de enquête meerdere malen te beantwoorden. Default: false.
• anonymous | boolean: controleert of de antwoorden van de studenten geanonimiseerd zijn. Default: false.
• colors | array: reeks van kleuren voor de taartdiagrammen. Indien niet gedefinieerd, zal een aangepaste kleurenschaal worden gebruikt. Default: none.
• disabled | boolean: controleert of het onderzoek is gedeactiveerd. Default: false.
• group | string: groepsweergavekop. Default: 'group results'.
• groupHeight | number: verhoudingen invoerhoogte voor groepsdisplay (in px). Default: 100.
• legends | array: legenda-etiketten die de te wegen opties beschrijven. Default: [].
• margin | string: proportionele inputmarge (in px). Default: '40px'.
• onSubmit | function: terugbelfunctie ingeroepen zodra de leerlingen een antwoord indienen. Default: onSubmit() {}.
• personalHeight | number: verhoudingen invoerhoogte voor individuele student (in px). Default: 200.
• precision | number: weergegeven nauwkeurigheid van de verhoudingen. Default: 2.
• question | (string|node): de te tonen vraag. Default: ''.
• step | number: de stap van de pijlen gezien bij het zweven met de cursor boven het invoerveld. Default: 0.25.

Voorbeelden

Live redacteur

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

Resultaat

ReferenceError: Provider is not defined