Proportions Survey

Componente que permite a un grupo de personas votar sobre el peso y la importancia de determinadas opciones.

Opciones

• allowMultipleAnswers | boolean: controla si se desea permitir que los estudiantes respondan a la encuesta varias veces. Default: false.
• anonymous | boolean: controla si las respuestas de los estudiantes son anónimas. Default: false.
• colors | array: una gama de colores para los componentes del gráfico circular. Si no se define, se utilizará una escala de colores personalizada. Default: none.
• disabled | boolean: controla si el estudio está desactivado. Default: false.
• group | string: encabezado de la pantalla de grupo. Default: 'group results'.
• groupHeight | number: proporciones altura de entrada para la visualización del grupo (en px). Default: 100.
• legends | array: etiquetas de leyenda que describen las opciones a ser pesadas. Default: [].
• margin | string: margen de entrada de la proporción (en px). Default: '40px'.
• onSubmit | function: La función de devolución de llamada se invoca una vez que los estudiantes envían una respuesta. Default: onSubmit() {}.
• personalHeight | number: proporciones altura de entrada para cada estudiante (en px). Default: 200.
• precision | number: la precisión de los valores de proporción mostrados. Default: 2.
• question | (string|node): la pregunta que se mostrará. Default: ''.
• step | number: el paso de las flechas que se ven al pasar el cursor por encima del cuadro de entrada. Default: 0.25.

Ejemplos

Editor en vivo

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

Resultado

ReferenceError: Provider is not defined