Proportions Survey

Komponent, który pozwala grupie osób głosować nad wagą i znaczeniem danych opcji.

Opcje

• allowMultipleAnswers | boolean: kontroluje, czy chce się zezwolić uczniom na wielokrotne udzielanie odpowiedzi na ankietę. Default: false.
• anonymous | boolean: kontroluje, czy odpowiedzi uczniów są anonimowe. Default: false.
• colors | array: Zestawienie kolorów dla elementów wykresu kołowego. Jeśli nie zostanie zdefiniowana, zostanie użyta niestandardowa skala kolorów. Default: none.
• disabled | boolean: kontroluje, czy badanie jest dezaktywowane. Default: false.
• group | string: pozycja wyświetlania grupowego. Default: 'group results'.
• groupHeight | number: proporcje wysokość wejścia dla wyświetlania grupowego (w px). Default: 100.
• legends | array: legendarne etykiety opisujące opcje, które mają być ważone. Default: [].
• margin | string: proporcja marży wejściowej (w px). Default: '40px'.
• onSubmit | function: funkcja wywołania zwrotnego, wywoływana po udzieleniu odpowiedzi przez studentów. Default: onSubmit() {}.
• personalHeight | number: proporcje wysokość wejścia dla poszczególnych uczniów (w px). Default: 200.
• precision | number: wyświetlana precyzja wartości proporcji. Default: 2.
• question | (string|node): pytanie, które ma zostać wyświetlone. Default: ''.
• step | number: krok strzałek widoczny po najechaniu kursorem nad pole wprowadzania danych. Default: 0.25.

Przykłady

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined