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.

Παραδείγματα

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

Αποτέλεσμα

ReferenceError: Provider is not defined