Proportions Survey

Komponenta, která umožňuje skupině lidí hlasovat o váze a důležitosti daných možností.

Možnosti

• allowMultipleAnswers | boolean: kontroluje, zda si studenti přejí odpovídat na dotazník vícekrát.. Default: false.
• anonymous | boolean: kontroluje, zda jsou odpovědi studentů anonymizovány.. Default: false.
• colors | array: pole barev pro součásti koláčového grafu. Pokud není definována, použije se předdefinovaná barevná škála.. Default: none.
• disabled | boolean: kontroluje, zda je průzkum deaktivován.. Default: false.
• group | string: záhlaví zobrazení skupiny. Default: 'group results'.
• groupHeight | number: proporce výšky vstupu pro zobrazení skupiny (v px). Default: 100.
• legends | array: popisky v legendě, které popisují možnosti, které se mají zvážit.. Default: [].
• margin | string: podíl vstupní marže (v px). Default: '40px'.
• onSubmit | function: funkce zpětného volání vyvolaná, jakmile studenti odešlou odpověď.. Default: onSubmit() {}.
• personalHeight | number: proporce vstupní výšky pro jednotlivého žáka (v px). Default: 200.
• precision | number: zobrazená přesnost hodnot podílu. Default: 2.
• question | (string|node): otázka, která se má zobrazit. Default: ''.
• step | number: krok šipek, které se zobrazí při najetí kurzoru nad vstupní pole.. Default: 0.25.

Příklady

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

Výsledek

ReferenceError: Provider is not defined