Proportions Survey

Komponentas, leidžiantis žmonių grupei balsuoti dėl tam tikrų parinkčių svorio ir svarbos.

Parinktys

• allowMultipleAnswers | boolean: kontroliuoja, ar norima leisti mokiniams į apklausą atsakyti kelis kartus.. Default: false.
• anonymous | boolean: kontroliuoja, ar mokinių atsakymai yra anonimiški.. Default: false.
• colors | array: skritulinės diagramos komponentų spalvų masyvas. Jei neapibrėžta, bus naudojama iš anksto nustatyta spalvų skalė.. Default: none.
• disabled | boolean: kontroliuoja, ar apklausa yra išjungta.. Default: false.
• group | string: grupės ekrano antraštė. Default: 'group results'.
• groupHeight | number: proporcijų įvesties aukštis grupės rodymui (px). Default: 100.
• legends | array: legendos etiketės, apibūdinančios sveriamas parinktis.. Default: [].
• margin | string: proporcinė įvesties marža (px). Default: '40px'.
• onSubmit | function: grįžtamojo ryšio funkcija, iškviečiama mokiniams pateikus atsakymą.. Default: onSubmit() {}.
• personalHeight | number: proporcijos įvesties aukštis atskiram mokiniui (px). Default: 200.
• precision | number: rodomas proporcijų verčių tikslumas. Default: 2.
• question | (string|node): rodomas klausimas. Default: ''.
• step | number: rodyklių, matomų užvedus žymeklį virš įvesties langelio, žingsnis.. Default: 0.25.

Pavyzdžiai

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined