Proportions Survey

Компонент, който позволява на група хора да гласуват за тежестта и важността на дадени опции.

Опции

• allowMultipleAnswers | boolean: контролира дали желаете да позволите на учениците да отговарят на анкетата многократно.. Default: false.
• anonymous | boolean: контролира дали отговорите на учениците са анонимни.. Default: false.
• colors | array: масив от цветове за компонентите на кръговата диаграма. Ако не е дефиниран, ще се използва предварително дефинирана цветова скала.. Default: none.
• disabled | boolean: контролира дали проучването е деактивирано. Default: false.
• group | string: заглавие на дисплея на групата. Default: 'group results'.
• groupHeight | number: пропорции за височината на входа за показване на групата (в px). Default: 100.
• legends | array: етикети с легенди, които описват вариантите за претегляне.. Default: [].
• margin | string: пропорция на входния марж (в px). Default: '40px'.
• onSubmit | function: функция за обратна връзка, извикана, след като учениците подадат отговор. Default: onSubmit() {}.
• personalHeight | number: пропорции за височината на входа за отделен ученик (в px). Default: 200.
• precision | number: показана точност на пропорционалните стойности. Default: 2.
• question | (string|node): въпросът, който трябва да се покаже. Default: ''.
• step | number: стъпката на стрелките, които се виждат при задържане на курсора над полето за въвеждане. Default: 0.25.

Примери

Редактор в реално време

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

Резултат

ReferenceError: Provider is not defined