Proportions Input

Ένα στοιχείο εισόδου αναλογιών. Μπορεί να χρησιμοποιηθεί ως μέρος ενός πίνακα οργάνων ISLE ή αυτόνομα. Στην τελευταία περίπτωση, θέλετε να χειριστείτε τις αλλαγές μέσω του χαρακτηριστικού onChange ή να δεσμεύσετε την τιμή σε μια παγκόσμια μεταβλητή μέσω του χαρακτηριστικού bind.

Επιλογές

• colors | array<string>: συστοιχία χρωμάτων για τα στοιχεία του κυκλικού διαγράμματος. Αν δεν οριστεί, θα χρησιμοποιηθεί μια προσαρμοσμένη κλίμακα χρωμάτων.. Default: none.
• disabled | boolean: ελέγχει αν το πεδίο εισαγωγής είναι απενεργοποιημένο. Default: false.
• height | number: αναλογίες ύψος εισόδου (σε px). Default: 200.
• legends | array: ετικέτες ομάδων. Default: [].
• onChange | function: συνάρτηση επανάκλησης που θα καλείται όταν γίνεται μια επιλογή. Default: onChange(){}.
• precision | number: εμφανιζόμενη ακρίβεια των τιμών αναλογίας. Default: 1.
• step | number: το βήμα των βελών που εμφανίζονται όταν ο κέρσορας κινείται πάνω από το πλαίσιο εισαγωγής. Default: 0.1.

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

Live Editor

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

<ProportionsInput
    user
    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