Proportions Survey

Komponens, amely lehetővé teszi, hogy egy csoport ember szavazzon az adott lehetőségek súlyáról és fontosságáról.

Opciók

• allowMultipleAnswers | boolean: szabályozza, hogy a tanulók többször is válaszolhassanak-e a felmérésre.. Default: false.
• anonymous | boolean: ellenőrzi, hogy a diákok válaszai anonimizálásra kerülnek-e. Default: false.
• colors | array: a kördiagram összetevőinek színtömbje. Ha nincs definiálva, akkor egy előre definiált színskála lesz használva.. Default: none.
• disabled | boolean: szabályozza, hogy a felmérés ki van-e kapcsolva. Default: false.
• group | string: csoport kijelző fejléc. Default: 'group results'.
• groupHeight | number: arányok bemeneti magasság a csoport megjelenítéséhez (px-ben). Default: 100.
• legends | array: a mérlegelendő opciókat leíró feliratokat tartalmazó legendák. Default: [].
• margin | string: arányos bemeneti margó (px-ben). Default: '40px'.
• onSubmit | function: callback függvény, amely akkor hívódik elő, amikor a diákok elküldik a választ. Default: onSubmit() {}.
• personalHeight | number: arányok bemeneti magasság az egyes diákok számára (px-ben). Default: 200.
• precision | number: az arányértékek megjelenített pontossága. Default: 2.
• question | (string|node): a megjelenítendő kérdés. Default: ''.
• step | number: a nyilak lépése, amikor a kurzort a beviteli mező fölé helyezzük.. Default: 0.25.

Példák

Élő szerkesztő

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

Eredmény

ReferenceError: Provider is not defined