数値式の回答を折れ線グラフで表示する
数値式の回答を折れ線グラフで表示できます。
複数回実施される模試などの結果をグラフ化するときに役立ちます。
![line graph2](../../_images/creating-carte-xml/recipe/line-graph2.png)
Figure 1. 折れ線グラフ
![line graph1](../../_images/creating-carte-xml/recipe/line-graph1.png)
Figure 2. 入力欄
作成手順
1.<summary>または<static_card>直下に<number-chart>を記述
数値式の回答をグラフで表示するには、<number-chart>
を使用します。
<summary>直下に記述すると、"summary"タブ内にグラフが表示されます。
本ページでは <summary>
タブ内に記述します。
<sammary>
<number-chart>
</number-chart>
</sammary>
2.<number-chart>直下に<line-graph>を記述
折れ線グラフで表示させたい場合は、<line-graph>
を使用します。
<sammary>
<number-chart>
<line-graph>
</line-graph>
</number-chart>
</sammary>
<line-graph>タグに属性を指定すると、グラフにタイトルを付けたり、幅の調整や値軸の目盛り間隔を調整できます。 <line-graph>タグに記述可能な属性についてはこちらをご参照ください。 |
<header>
<header>では、グラフ横軸の項目名を設定できます。
記述例
<header>
<axis label="第1回" />
<axis label="第2回" />
<axis label="第3回" />
</header>
<data>
<data>では、凡例や、どこの入力欄の値をグラフに反映させるかを設定します。
記述例
<data>
<series label="必修">
<value card-id="first" field-id="test_score_compulsory" />
<value card-id="second" field-id="test_score_compulsory" />
<value card-id="third" field-id="test_score_compulsory" />
</series>
<series label="一般">
<value card-id="first" field-id="test_score_general" />
<value card-id="second" field-id="test_score_general" />
<value card-id="third" field-id="test_score_general" />
</series>
<series label="状況設定">
<value card-id="first" field-id="test_score_situational-setting" />
<value card-id="second" field-id="test_score_situational-setting" />
<value card-id="third" field-id="test_score_situational-setting" />
</series>
<series label="合計">
<value card-id="first" field-id="test_score_total" />
<value card-id="second" field-id="test_score_total" />
<value card-id="third" field-id="test_score_total" />
</series>
</data>
<data>直下に記述するタグ
タグ名 | 設定する属性 | 詳細 |
---|---|---|
|
|
|
<series>タグに設定できる属性は他にもあります。 詳しくは、こちらをご参照ください。 |
完成イメージ
完成すると、下記XMLの<samamry>内部の形になります。
折れ線グラフのイメージはページトップの画像になります。
XML全体記述例
<doc id="shugaku_recipe_sample_linegraph" title="レシピ集用サンプルカルテ_折れ線グラフ" order="1">
<doc_template>
<summary>
<number-chart>
<line-graph title="模試の結果" ticks="50" grid="25">
<header>
<axis label="第1回" />
<axis label="第2回" />
<axis label="第3回" />
<axis label="第4回" />
<axis label="第5回" />
<axis label="第6回" />
<axis label="第7回" />
<axis label="第8回" />
</header>
<data>
<series label="必修">
<value card-id="first" field-id="test_score_compulsory" />
<value card-id="second" field-id="test_score_compulsory" />
<value card-id="third" field-id="test_score_compulsory" />
<value card-id="forth" field-id="test_score_compulsory" />
<value card-id="fifth" field-id="test_score_compulsory" />
<value card-id="sixth" field-id="test_score_compulsory" />
<value card-id="seventh" field-id="test_score_compulsory" />
<value card-id="eighth" field-id="test_score_compulsory" />
</series>
<series label="一般">
<value card-id="first" field-id="test_score_general" />
<value card-id="second" field-id="test_score_general" />
<value card-id="third" field-id="test_score_general" />
<value card-id="forth" field-id="test_score_general" />
<value card-id="fifth" field-id="test_score_general" />
<value card-id="sixth" field-id="test_score_general" />
<value card-id="seventh" field-id="test_score_general" />
<value card-id="eighth" field-id="test_score_general" />
</series>
<series label="状況設定">
<value card-id="first" field-id="test_score_situational-setting" />
<value card-id="second" field-id="test_score_situational-setting" />
<value card-id="third" field-id="test_score_situational-setting" />
<value card-id="forth" field-id="test_score_situational-setting" />
<value card-id="fifth" field-id="test_score_situational-setting" />
<value card-id="sixth" field-id="test_score_situational-setting" />
<value card-id="seventh" field-id="test_score_situational-setting" />
<value card-id="eighth" field-id="test_score_situational-setting" />
</series>
<series label="合計">
<value card-id="first" field-id="test_score_total" />
<value card-id="second" field-id="test_score_total" />
<value card-id="third" field-id="test_score_total" />
<value card-id="forth" field-id="test_score_total" />
<value card-id="fifth" field-id="test_score_total" />
<value card-id="sixth" field-id="test_score_total" />
<value card-id="seventh" field-id="test_score_total" />
<value card-id="eighth" field-id="test_score_total" />
</series>
</data>
</line-graph>
</number-chart>
</summary>
<cards>
<static_card id="first" title="第1回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="second" title="第2回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="third" title="第3回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="forth" title="第4回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="fifth" title="第5回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="sixth" title="第6回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="seventh" title="第7回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
<static_card id="eighth" title="第8回" edit-protect-setting="false">
<field id="test_score_compulsory" ref="test_score_compulsory"/>
<field id="test_score_general" ref="test_score_general"/>
<field id="test_score_situational-setting" ref="test_score_situational-setting"/>
<field id="test_score_total" ref="test_score_total"/>
</static_card>
</cards>
</doc_template>
<field_templates>
<field_template id="test_score_compulsory" type="number" max="50" min="0" title="必修" edit-auth="self"/>
<field_template id="test_score_general" type="number" max="130" min="0" title="一般" edit-auth="self"/>
<field_template id="test_score_situational-setting" type="number" max="120" min="0" title="状況設定" edit-auth="self"/>
<field_template id="test_score_total" type="number" max="300" min="0" title="合計" edit-auth="self"/>
</field_templates>
</doc>