数値式の回答を折れ線グラフで表示する

数値式の回答を折れ線グラフで表示できます。
複数回実施される模試などの結果をグラフ化するときに役立ちます。

line graph2
Figure 1. 折れ線グラフ
line graph1
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>タグに記述可能な属性についてはこちらをご参照ください。

3.<line-graph>内に折れ線グラフの詳細を記述

<line-graph> 内には以下の内容を記述します。
画像と合わせてご確認ください。

line graph3

<header>

<header>では、グラフ横軸の項目名を設定できます。

記述例
<header>
	<axis label="第1回" />
	<axis label="第2回" />
	<axis label="第3回" />
</header>

<header>直下に記述するタグ

タグ名 設定する属性 詳細

<axis>

label

label に項目名を入力します。
例：<axis label="第1回" />

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

label

label に系列名を入力します。
例：<series label="第1回" />`
<series>タグに設定できる属性は他にもあります。
詳しくは、こちらをご参照ください。

<series>直下に記述するタグ

タグ名 設定する属性 詳細

<value>

card-id field-id

どの部分の回答をグラフに反映されるのかを設定できます。
例：
<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>

完成イメージ

完成すると、下記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>