数値式の回答を積み上げ棒グラフで表示する

数値式の回答を積み上げ棒グラフで表示できます。
ディプロマポリシーの達成度を、年度別で積み上げて表示したいときなどに役立ちます。

stacked bar graph1
Figure 1. 積み上げ棒グラフ
stacked bar graph2
Figure 2. 入力欄

作成手順

1.<summary>または<static_card>直下に<number-chart>を記述

数値式の回答をグラフで表示するには、<number-chart> を使用します。
<summary>直下に記述すると、"summary"タブ内にグラフが表示されます。
本ページでは <summary> タブ内に記述します。

<summary>
    <number-chart>
    </number-chart>
</summary>

2.<number-chart>直下に<stacked-bar-graph>を記述

積み上げ棒グラフで表示させたい場合は、<stacked-bar-graph> を使用します。

<summary>
    <number-chart>
        <stacked-bar-graph>
        </stacked-bar-graph>
    </number-chart>
</summary>
<stacked-bar-graph>タグに属性を指定すると、グラフにタイトルを付けたり、幅の調整や値軸の目盛り間隔を調整できます。
<stacked-bar-graph>タグに記述可能な属性についてはこちらをご参照ください。

3.<stacked-bar-graph>内に積み上げ棒グラフの詳細を記述

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

stacked bar graph3

<header>

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

記述例
<header>
	<axis label="専門的知識の習得" />
	<axis label="批判的思考の育成" />
	<axis label="コミュニケーション能力の向上" />
</header>

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

タグ名 設定する属性 詳細

<axis>

label

label に項目名を入力します。
例:<axis label="専門的知識の習得" />

<data>

<data>では、凡例や、どこの入力欄の値をグラフに反映させるかを設定します。

記述例
<data>
<series label="1年次">
	<value card-id="grade1" field-id="acquisition_of_specialized_knowledge" />
	<value card-id="grade1" field-id="development_of_critical_thinking" />
	<value card-id="grade1" field-id="improvement_of_communication_skills" />
	<value card-id="grade1" field-id="awareness_of_social_responsibility" />
	<value card-id="grade1" field-id="attainment_of_an_international_perspective" />
	<value card-id="grade1" field-id="establishment_of_self-Learning_ability" />
</series>
<series label="2年次">
	<value card-id="grade2" field-id="acquisition_of_specialized_knowledge" />
	<value card-id="grade2" field-id="development_of_critical_thinking" />
	<value card-id="grade2" field-id="improvement_of_communication_skills" />
	<value card-id="grade2" field-id="awareness_of_social_responsibility" />
	<value card-id="grade2" field-id="attainment_of_an_international_perspective" />
	<value card-id="grade2" field-id="establishment_of_self-Learning_ability" />
</series>
<series label="3年次">
	<value card-id="grade3" field-id="acquisition_of_specialized_knowledge" />
	<value card-id="grade3" field-id="development_of_critical_thinking" />
	<value card-id="grade3" field-id="improvement_of_communication_skills" />
	<value card-id="grade3" field-id="awareness_of_social_responsibility" />
	<value card-id="grade3" field-id="attainment_of_an_international_perspective" />
	<value card-id="grade3" field-id="establishment_of_self-Learning_ability" />
</series>
<series label="4年次">
	<value card-id="grade4" field-id="acquisition_of_specialized_knowledge" />
	<value card-id="grade4" field-id="development_of_critical_thinking" />
	<value card-id="grade4" field-id="improvement_of_communication_skills" />
	<value card-id="grade4" field-id="awareness_of_social_responsibility" />
	<value card-id="grade4" field-id="attainment_of_an_international_perspective" />
	<value card-id="grade4" field-id="establishment_of_self-Learning_ability" />
</series>
</data>

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

タグ名 設定する属性 詳細

<series>

label

label に系列名を入力します。
例:<series label="1年次" />

<series>タグに設定できる属性は他にもあります。
詳しくは、こちらをご参照ください。

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

タグ名 設定する属性 詳細

<value>

card-id field-id

どの部分の回答をグラフに反映されるのかを設定できます。
例:
<series label="1年次">
<value card-id="grade1" field-id="acquisition_of_specialized_knowledge" />
<value card-id="grade1" field-id="development_of_critical_thinking" />
<value card-id="grade1" field-id="improvement_of_communication_skills" />
<value card-id="grade1" field-id="awareness_of_social_responsibility" />
<value card-id="grade1" field-id="attainment_of_an_international_perspective" />
<value card-id="grade1" field-id="establishment_of_self-Learning_ability" />
</series>

完成イメージ

完成すると、下記XMLの<samamry>内部の形になります。
積み上げ棒グラフのイメージはページトップの画像になります。

XML全体記述例
<doc id="shugaku_recipe_stacked-bar-graph" title="レシピ集用サンプルカルテ_積み上げ棒グラフ" order="1">
    <doc_template>
        <summary>
            <number-chart>
                <stacked-bar-graph title="DPの達成度" ticks="50" grid="25" width="1000px">
                <header>
                    <axis label="専門的知識の習得" />
                    <axis label="批判的思考の育成" />
                    <axis label="コミュニケーション能力の向上" />
                    <axis label="社会的責任の自覚" />
                    <axis label="国際的視野の獲得" />
                    <axis label="自己学習能力の確立" />
                </header>
                <data>
                    <series label="1年次">
                        <value card-id="grade1" field-id="acquisition_of_specialized_knowledge" />
                        <value card-id="grade1" field-id="development_of_critical_thinking" />
                        <value card-id="grade1" field-id="improvement_of_communication_skills" />
                        <value card-id="grade1" field-id="awareness_of_social_responsibility" />
                        <value card-id="grade1" field-id="attainment_of_an_international_perspective" />
                        <value card-id="grade1" field-id="establishment_of_self-Learning_ability" />
                    </series>
                    <series label="2年次">
                        <value card-id="grade2" field-id="acquisition_of_specialized_knowledge" />
                        <value card-id="grade2" field-id="development_of_critical_thinking" />
                        <value card-id="grade2" field-id="improvement_of_communication_skills" />
                        <value card-id="grade2" field-id="awareness_of_social_responsibility" />
                        <value card-id="grade2" field-id="attainment_of_an_international_perspective" />
                        <value card-id="grade2" field-id="establishment_of_self-Learning_ability" />
                    </series>
                    <series label="3年次">
                        <value card-id="grade3" field-id="acquisition_of_specialized_knowledge" />
                        <value card-id="grade3" field-id="development_of_critical_thinking" />
                        <value card-id="grade3" field-id="improvement_of_communication_skills" />
                        <value card-id="grade3" field-id="awareness_of_social_responsibility" />
                        <value card-id="grade3" field-id="attainment_of_an_international_perspective" />
                        <value card-id="grade3" field-id="establishment_of_self-Learning_ability" />
                    </series>
                    <series label="4年次">
                        <value card-id="grade4" field-id="acquisition_of_specialized_knowledge" />
                        <value card-id="grade4" field-id="development_of_critical_thinking" />
                        <value card-id="grade4" field-id="improvement_of_communication_skills" />
                        <value card-id="grade4" field-id="awareness_of_social_responsibility" />
                        <value card-id="grade4" field-id="attainment_of_an_international_perspective" />
                        <value card-id="grade4" field-id="establishment_of_self-Learning_ability" />
                    </series>
                </data>
                </stacked-bar-graph>
            </number-chart>
        </summary>
        <cards>
            <static_card id="grade1" title="1年次" edit-protect-setting="false">
                <field id="acquisition_of_specialized_knowledge" ref="acquisition_of_specialized_knowledge"/>
                <field id="development_of_critical_thinking" ref="development_of_critical_thinking"/>
                <field id="improvement_of_communication_skills" ref="improvement_of_communication_skills"/>
                <field id="awareness_of_social_responsibility" ref="awareness_of_social_responsibility"/>
                <field id="attainment_of_an_international_perspective" ref="attainment_of_an_international_perspective"/>
                <field id="establishment_of_self-Learning_ability" ref="establishment_of_self-Learning_ability"/>
            </static_card>
            <static_card id="grade2" title="2年次" edit-protect-setting="false">
                <field id="acquisition_of_specialized_knowledge" ref="acquisition_of_specialized_knowledge"/>
                <field id="development_of_critical_thinking" ref="development_of_critical_thinking"/>
                <field id="improvement_of_communication_skills" ref="improvement_of_communication_skills"/>
                <field id="awareness_of_social_responsibility" ref="awareness_of_social_responsibility"/>
                <field id="attainment_of_an_international_perspective" ref="attainment_of_an_international_perspective"/>
                <field id="establishment_of_self-Learning_ability" ref="establishment_of_self-Learning_ability"/>
            </static_card>
            <static_card id="grade3" title="3年次" edit-protect-setting="false">
                <field id="acquisition_of_specialized_knowledge" ref="acquisition_of_specialized_knowledge"/>
                <field id="development_of_critical_thinking" ref="development_of_critical_thinking"/>
                <field id="improvement_of_communication_skills" ref="improvement_of_communication_skills"/>
                <field id="awareness_of_social_responsibility" ref="awareness_of_social_responsibility"/>
                <field id="attainment_of_an_international_perspective" ref="attainment_of_an_international_perspective"/>
                <field id="establishment_of_self-Learning_ability" ref="establishment_of_self-Learning_ability"/>
            </static_card>
            <static_card id="grade4" title="4年次" edit-protect-setting="false">
                <field id="acquisition_of_specialized_knowledge" ref="acquisition_of_specialized_knowledge"/>
                <field id="development_of_critical_thinking" ref="development_of_critical_thinking"/>
                <field id="improvement_of_communication_skills" ref="improvement_of_communication_skills"/>
                <field id="awareness_of_social_responsibility" ref="awareness_of_social_responsibility"/>
                <field id="attainment_of_an_international_perspective" ref="attainment_of_an_international_perspective"/>
                <field id="establishment_of_self-Learning_ability" ref="establishment_of_self-Learning_ability"/>
            </static_card>
        </cards>
    </doc_template>
    <field_templates>
        <field_template id="acquisition_of_specialized_knowledge" type="number" max="100" min="0" title="【専門的知識の習得】基礎的かつ応用的な知識を修得し、専門分野において高度な理解と実践力を身につけている。" edit-auth="adviser"/>
        <field_template id="development_of_critical_thinking" type="number" max="100" min="0" title="【批判的思考の育成】資料やデータを批判的に分析し、自らの見解を論理的に展開する能力を養い、複雑な問題に対する洞察力と解決策を提供する力を身につけている。" edit-auth="adviser"/>
        <field_template id="improvement_of_communication_skills" type="number" max="100" min="0" title="【コミュニケーション能力の向上】効果的な文章作成能力と口頭発表能力を向上させ、多様な状況で適切に情報を伝達し、意見を交換する能力を習得している。" edit-auth="adviser"/>
        <field_template id="awareness_of_social_responsibility" type="number" max="100" min="0" title="【社会的責任の自覚】社会的な問題を理解し、高い倫理観を持って行動でき、社会に貢献する意識と行動力を養えている。" edit-auth="adviser"/>
        <field_template id="attainment_of_an_international_perspective" type="number" max="100" min="0" title="【国際的視野の獲得】異文化理解を深め、グローバルな視点を持って国際社会で活躍するための基盤を身につけている。" edit-auth="adviser"/>
        <field_template id="establishment_of_self-Learning_ability" type="number" max="100" min="0" title="【自己学習能力の確立】自ら課題を設定し、独自の方法で継続的に学び続ける姿勢を身につけている。" edit-auth="adviser"/>
    </field_templates>
</doc>