Proportions Survey

Componentă care permite unui grup de persoane să voteze asupra ponderii și importanței unor opțiuni date.

Opțiuni

• allowMultipleAnswers | boolean: controlează dacă se dorește să se permită elevilor să răspundă la sondaj de mai multe ori.. Default: false.
• anonymous | boolean: controlează dacă răspunsurile elevilor sunt anonimizate. Default: false.
• colors | array: matrice de culori pentru componentele graficului circular. Dacă nu este definită, se va utiliza o scară de culori predefinită.. Default: none.
• disabled | boolean: controlează dacă sondajul este dezactivat sau nu. Default: false.
• group | string: titlul afișajului grupului. Default: 'group results'.
• groupHeight | number: proporțiile înălțimii de intrare pentru afișarea grupului (în px). Default: 100.
• legends | array: etichete de legendă care descriu opțiunile care urmează să fie cântărite. Default: [].
• margin | string: marja de intrare proporțională (în px). Default: '40px'.
• onSubmit | function: funcția callback invocată odată ce studenții trimit un răspuns. Default: onSubmit() {}.
• personalHeight | number: proporțiile înălțimii de intrare pentru fiecare elev în parte (în px). Default: 200.
• precision | number: precizia afișată a valorilor proporțiilor. Default: 2.
• question | (string|node): întrebarea care urmează să fie afișată. Default: ''.
• step | number: pasul săgeților afișate la trecerea cursorului deasupra căsuței de intrare. Default: 0.25.

Exemple

Editor live

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

Rezultat

ReferenceError: Provider is not defined