Proportions Survey

Komponent, mis võimaldab inimeste grupil hääletada antud valikute kaalude ja tähtsuse üle.

Valikud

• allowMultipleAnswers | boolean: kontrollib, kas soovitakse, et õpilased saaksid vastata küsitlusele mitu korda.. Default: false.
• anonymous | boolean: kontrollib, kas õpilaste vastused on anonüümsed. Default: false.
• colors | array: pirukadiagrammi komponentide värvide massiivi. Kui seda ei ole määratud, kasutatakse eelnevalt määratud värviskaalat.. Default: none.
• disabled | boolean: kontrollib, kas küsitlus on deaktiveeritud. Default: false.
• group | string: grupi kuvamise pealkiri. Default: 'group results'.
• groupHeight | number: proportsioonid sisendkõrgus grupi kuvamiseks (px). Default: 100.
• legends | array: legendi sildid, mis kirjeldavad kaalutavaid valikuid. Default: [].
• margin | string: proportsionaalne sisendmarginaal (px). Default: '40px'.
• onSubmit | function: callback funktsioon, mis käivitub, kui õpilased esitavad vastuse. Default: onSubmit() {}.
• personalHeight | number: proportsioonid sisendkõrgus üksiku õpilase jaoks (px). Default: 200.
• precision | number: näidatud proportsiooniväärtuste täpsus. Default: 2.
• question | (string|node): kuvatav küsimus. Default: ''.
• step | number: noolte samm, mida näeb, kui kursor viibib sisestusruumi kohal.. Default: 0.25.

Näited

Live toimetaja

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

Tulemus

ReferenceError: Provider is not defined