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: 割合入力マージン. 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