biz-Stream V5 サポート

biz-Stream V5 サポート

biz-Streamマニュアル›XMLページレイアウトタグ リファレンス›第12章 グラフ›12.4 縦棒グラフ<block-chart>

12.4 縦棒グラフ<block-chart>


12.4.1機能説明

集合縦棒グラフまたは積み上げ縦棒グラフの指定を行います。

  • ※レイアウト・デザイナでは、｢X軸目盛り｣｢X軸補助目盛り線｣が表示されません。ご注意ください。
  • ※biz-Streamで使用する縦棒グラフの用語は下記を参照ください。
縦棒グラフ
  • 　　① 　　X 軸
  • 　　② 　　X 軸間隔
  • 　　③ 　　X 軸目盛り
  • 　　④ 　　X 軸目盛り単位
  • 　　⑤ 　　X 軸補助目盛り線
  • 　　⑥ 　　Y 軸
  • 　　⑦ 　　Y 軸目盛り
  • 　　⑧ 　　Y 軸目盛り単位
  • 　　⑨ 　　Y 軸目盛り線
  • 　　⑩ 　　ブロック
  • 　　⑪ 　　セル
  • 　　⑫ 　　データラベル
  • 　　⑬ 　　区切り線
  • 　　⑭ 　　グラフ枠線
  • 　　⑮ 　　グラフ背景
  • 　　⑯ 　　凡例
  • 　　⑰ 　　凡例項目
  • 　　⑱ 　　凡例マーカー



12.4.2属性説明

1block-chart属性説明

グラフ全体に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 グラフ名 CDATA -
x 任意 X座標 CDATA 0
y 任意 Y座標 CDATA 0
unit 任意 単位 (Choice) mm / cm / in / px / pt mm
height 必須 グラフの高さ CDATA －
border-width 任意 X軸、Y軸、Y軸目盛り線、グラフ枠線の幅 CDATA －
border-color 任意 X軸、Y軸、Y軸目盛り線、グラフ枠線の色 CDATA 0
background-color 任意 グラフ背景の色 CDATA －
type 任意 <chart-axis>要素のmax属性で指定</chart-axis> (Choice) stackbar /
100percent_stackbar		 stackbar
border-x 任意 X軸補助目盛り線の有無 (Choice) true（有り） /
false（無し）		 false
border-y 任意 Y軸目盛り線の有無 (Choice) true（有り） /
false（無し）		 true
block-type 任意 縦棒グラフ種類
（積み上げ / 集合）		 (Choice) horizon（集合） /
vertical（積み上げ）		 vertical
data-label 任意 データラベル表示位置 (Choice) top（セル上端）/
left（セル左）/
right（セル右）/
in（セル中央）/
none（無し）		 none
display-label 任意 データラベル表示の有無 (Choice) true（有り） /
false（無し）		 false
format 任意 データラベルの表示形式 CDATA API仕様
DecimalFormatに準拠した表示形式
(Java API仕様を参照)		 #,##0
scale 任意 表示指定
※KEYと指定内容は":"（コロン）で区切り、複数指定する場合は";"（セミコロン）で区切る		 CDATA 『block-chart：scale属性指定』を参照

※ block-chart：scale属性指定
KEY説明指定内容初期値
chain 区分線
※区分線に"true"を指定する場合、次の条件を満たす必要あり
・block-type="vertical"
・userarea="100"以外
・セルの値は正の値のみ		 true（あり） / false（なし） true
frame グラフ枠の有無 true（あり） / false（なし） false
line Y軸目盛りとY軸目盛り線の数 10
style Y軸とY軸の目盛り表示位置 left（左側） /
right（右側）/
none（X軸目盛り・Y軸目盛りの非表示）		 left
font-family 目盛りのフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
font-color X軸目盛りのフォントカラー 0
font-size X軸目盛りのフォントサイズ 8
font-style X軸目盛りのフォントスタイル PLAIN / BOLD /ITALIC /BOLD-ITALIC PLAIN
font-encoding X軸目盛りのフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
gradient 背景色グラディエーション
※縦棒グラフで追加		 true（あり） / false（なし） false


2chart-x-coordinate-axe属性説明

X軸に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 X軸名
※反映されません		 CDATA -
unit-position 任意 X軸目盛り単位表示位置 (Choice) top（右端） /
side（各目盛り脇） /
none（表示なし）		 none
unit-value 任意 X軸目盛り単位 CDATA 単位なし
narrow 任意 X軸目盛りの圧縮方法 (Choice) horizon / size / none none
format 任意 X軸目盛りの表示形式 CDATA API仕様
DecimalFormatに準拠した表示形式
(Java API仕様を参照)		 #,##0
border-width 任意 X軸幅 CDATA 0.1
border-color 任意 X軸カラー CDATA 0
scale 任意 表示指定
※KEYと指定内容は":"（コロン）で区切り、複数指定する場合は";"（セミコロン）で区切る		 CDATA 『chart-x-coordinate-axe：scale属性指定』を参照 －

※ chart-x-coordinate-axe：scale属性指定
KEY説明指定内容初期値
font-family X軸目盛りのフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
font-color X軸目盛りのフォントカラー 0
font-size X軸目盛りのフォントサイズ 8
font-style X軸目盛りのフォントスタイル PLAIN / BOLD /ITALIC/ BOLD-ITALIC PLAIN
font-encoding X軸目盛りのフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
unitfont-family X軸目盛り単位のフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
unitfont-color X軸目盛り単位のフォントカラー 0
unitfont-size X軸目盛り単位のフォントサイズ 8
unitfont-style X軸目盛り単位のフォントスタイル PLAIN / BOLD /ITALIC/ BOLD-ITALIC PLAIN
unitfont-encoding X軸目盛り単位のフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
rotate X軸目盛りの回転 90 ～ -90の間で指定 0


3chart-y-coordinate-axe属性説明

Y軸に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 Y軸名
※反映されません		 CDATA -
unit-position 任意 Y軸目盛り単位表示位置 (Choice) top（上部） /
side（横） /
none（表示なし）		 none
unit-value 任意 Y軸目盛り単位 CDATA 単位なし
narrow 任意 Y軸目盛りの圧縮方法 (Choice) horizon / size / none none
format 任意 Y軸目盛りの表示形式 CDATA API仕様
DecimalFormatに準拠した表示形式
(Java API仕様を参照)		 #,##0
max 任意 Y軸目盛りの最大値 CDATA セルの値から割り出し
min 任意 Y軸目盛りの最小値 CDATA セルの値から割り出し
basis 任意 X項目軸とY数値軸の交点
※本属性の指定の条件は、Y軸目盛りの最小値が負の値であること		 (Choice) true（"0"位置） /
false（目盛り最小値位置）		 false
border-width 任意 Y軸幅 CDATA 0.1
border-color 任意 Y軸カラー CDATA －
step-value 任意 Y軸上げ幅 CDATA －
scale 任意 表示指定
※KEYと指定内容は":"（コロン）で区切り、複数指定する場合は";"（セミコロン）で区切る		 CDATA 『chart-y-coordinate-axe：scale属性指定』を参照 －

※ chart-y-coordinate-axe：scale属性指定
KEY説明指定内容初期値
style Y軸とY軸目盛りの表示位置 style:left（左側） /
style:right（右側） /
style:none（Y数値軸なし・Y数値軸目盛り表示なし）		 left
font-family Y軸目盛りのフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
font-color Y軸目盛りのフォントカラー 0
font-size Y軸目盛りのフォントサイズ 8
font-style Y軸目盛りのフォントスタイル PLAIN / BOLD /ITALIC/ BOLD-ITALIC PLAIN
font-encoding Y軸目盛りのフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
line Y軸目盛りとY軸目盛り線の数 10
line-style Y軸目盛り線のスタイル 「6.2　線<Line>」にある属性説明の
「LineStyle属性」を参照		 Solid
unitfont-family Y軸目盛り単位のフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
unitfont-color Y軸目盛り単位のフォントカラー 0
unitfont-size Y軸目盛り単位のフォントサイズ 8
unitfont-style Y軸目盛り単位のフォントスタイル PLAIN / BOLD /ITALIC/ BOLD-ITALIC PLAIN
unitfont-encoding Y軸目盛り単位のフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
rotate Y軸目盛りの回転 90 ～ -90の間で指定 0


4chart-column属性説明

X軸に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 名前 CDATA -
column-width 必須 X軸間隔 CDATA －
display-line 任意 X軸目盛り補助線の有無
※表示する場合は、block-chartのborder-x属性に"true"が指定されている必要あり		 (Choice) true（表示する） /
false（表示しない）		 false
use-area 任意 X軸間隔におけるブロック表示の割合 CDATA 0～100 60


5block-column属性説明

セル定義に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 名前 CDATA -
border-width 任意 セル輪郭線の太さ CDATA －
border-color 任意 セル輪郭線の色 CDATA －
background-color 必須 セル領域の色 CDATA －
axis-name 任意 割り当て系列
※該当する系列軸の名前
（chart-x-coordinate-axe/chart-y-coordinate-axeのname属性）を指定		 CDATA －


6chart-explanatory-notes属性説明

凡例に関する定義を行います。

属性名指定説明型指定内容初期値
name 任意 凡例名 CDATA -
width 必須 凡例の幅 CDATA －
height 必須 凡例の高さ CDATA －
border 任意 凡例の枠線表示 (Choice) true（表示） /
false（非表示）		 true
line-color 任意 凡例枠線の色 CDATA －
line-width 任意 凡例枠線の幅 CDATA 0
background-color 任意 凡例の背景色 CDATA －
position 必須 凡例の表示位置 (Choice) left-top（左上）/
left-center（左中央）/
left-bottom（左下）/
right-top（右上）/
right-center（右中央）/
right-bottom（右下）/
top-left（上部左）/
top-center（上部中央）/
top-right（上部右）/
bottom-left（下部左）/
bottom-center（下部中央）/
bottom-right（下部右）		 right-top
scale 任意 表示指定
※KEYと指定内容は":"（コロン）で区切り、複数指定する場合は";"（セミコロン）で区切る		 CDATA 『chart-explanatory-notes：scale属性指定』を参照


7chart-explanatory-notes：scale属性指定
KEY説明指定内容初期値
font-family 凡例のフォント種類 ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
font-color 凡例のフォントカラー 0
font-size 凡例のフォントサイズ 8
font-style 凡例のフォントスタイル PLAIN / BOLD /ITALIC/ BOLD-ITALIC PLAIN
font-encoding 凡例のフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値


8chart-explanatory-notesrow属性説明

chart-explanatory-notescellの親要素です。属性定義はありません。



9chart-explanatory-notescell属性説明

凡例に関する定義を行います。

属性名指定説明型指定内容初期値
name 任意 凡例セル名 CDATA -
marker-name 必須 該当するセル
（block-column）のname属性		 CDATA －


10chart-body属性説明

chart-rowの親要素です。属性定義はありません。



11chart-row属性説明

chart-cellの親要素です。属性定義はありません。



12chart-cell属性説明

セルの値に関する指定を行います。

属性名指定説明型指定内容初期値
name 任意 セル名 CDATA -
display-value 任意 データラベル文字列 CDATA －


12.4.3記述例

block-chartサンプル1

block-chartサンプル1（『 <biz-Stream_home>/sample/xml/block-chart/block-chartSample1.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="true" border-y="true" block-type="vertical" data-label="in" type="stackbar" format="##0.0" display-label="false" data-narrow="false" scale="chain:true;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-position="top" unit-value="月" narrow="size" scale="unitfont-color:red;font-size:6"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-position="top" unit-value="%" narrow="none" format="##0.0" max="20" min="0" scale="unitfont-color:red;font-size:6;linestyle:dot"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="10" display-line="true" use-area="70">2014/05</chart-column>
        <chart-column column-width="10" display-line="true" use-area="70">2014/06</chart-column>
        <chart-column column-width="10" display-line="true" use-area="70">2014/07</chart-column>
        <!-- ブロックセル定義 -->

        <block-column border-width="0.1" border-color="0,0,0" background-color="255,55,50" axis-name="y_axis"/>

        <block-column border-width="0.1" border-color="0,0,0" background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <!-- (1)ブロック1 -->

            <chart-row>
                <chart-cell name="cell1">7.86</chart-cell>
                <chart-cell name="cell2">7.22</chart-cell>
            </chart-row>
            <!-- (2)ブロック1 -->

            <chart-row>
                <chart-cell name="cell3">5.6</chart-cell>
                <chart-cell name="cell4">2.67</chart-cell>
            </chart-row>
            <!-- (3)ブロック3 -->

            <chart-row>
                <chart-cell name="cell5">3.31</chart-cell>
                <chart-cell name="cell6">3.16</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

生成されるPDF（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample1.pdf』）


縦棒グラフ
  • ①ブロック1
    a)cell1： 7.86
    b)cell2： 7.22
  • ②ブロック2
    c)cell4： 5.6
    d)cell5： 2.67
  • ③ブロック3
    e)cell7： 3.31
    f)cell8： 3.15

※block-chart のformat 属性において"##0.0"を指定しているため、データラベル小数点第２位以下は、四捨五入されます。



block-chartサンプル2

縦棒グラフの種類に関するサンプルです。

block-chartサンプル2-1 （『<biz-Stream_home>/sample/xml/block-chart/block-chartSample2-1.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample2-1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:true;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="10"/>
        <chart-column column-width="10"/>
        <chart-column column-width="10"/>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(7行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="vertical" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:true;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">



block-chartサンプル2-2（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample2-2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample2-2" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:true;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="10"/>
        <chart-column column-width="10"/>
        <chart-column column-width="10"/>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(7行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:true;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">


生成されるPDF

縦棒グラフ

<チャート種類によって異なる点>

  • ①セルの表示
  • ・vertical：積み上げで表示
    ・horizon：横並びで表示
  • ②区切り線
  • ・vertical：表示される
    （ただし、use-area="100"の場合は表示されない）
    ・horizon：表示されない


block-chartサンプル3

blocktype="vertical"時の、データラベル表示位置に関するサンプルです。

block-chartサンプル3-1(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample3-1.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample3_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="top" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150" basis="true"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="50">02/01</chart-column>
        <chart-column column-width="15" use-area="50">02/03</chart-column>
        <chart-column column-width="15" use-area="50">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(７行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="top" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">



block-chartサンプル3-2(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample3-2.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample3_2" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="right" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150" basis="true"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="50">02/01</chart-column>
        <chart-column column-width="15" use-area="50">02/03</chart-column>
        <chart-column column-width="15" use-area="50">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(７行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="right" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">



block-chartサンプル3-3(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample3-3.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample3_3" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="in" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150" basis="true"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="50">02/01</chart-column>
        <chart-column column-width="15" use-area="50">02/03</chart-column>
        <chart-column column-width="15" use-area="50">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(7行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="vertical" data-label="in" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">


生成されるPDF

縦棒グラフ
12_04_block-chart_05.png

<データラベルの注意点>

  • ①目盛り単位が指定されている場合、データラベルには自動的に目盛り単位も表示されます。
  • ※「目盛り単位が指定されている場合」とは、「unit-valueが指定されている場合」と同義です。unit-positionの指定がなく、目盛り単位としては表示されていない場合も含まれます。
  • ②データラベルに含まれる目盛り単位は、割り当てられた軸から採用されます。
    X軸では"月"、Y軸では"%"がそれぞれ目盛り単位として指定されており、サンプルでは系列にY軸が割り当てられています。 このため、データラベル上には"%"が表示されます。
  • ③データラベルには,割り当てられた軸の目盛りに関する指定 （narrow、scale属性）が反映されます。


block-chartサンプル4

blocktype="horizon"時の、データラベル表示位置に関するサンプルです。

block-chartサンプル4-1(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample4-1.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample4_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="top" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(７行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="top" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">



block-chartサンプル4-2(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample4-2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample4_2" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="right" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(７行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="right" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">



block-chartサンプル4-3(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample4-3.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample4_3" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="in" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-value="月" narrow="size"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-value="%" narrow="none" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(７行目抜粋)

<block-chart height="50" border-x="false" border-y="true" block-type="horizon" data-label="in" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">


生成されるPDF

縦棒グラフ
縦棒グラフ

<データラベルの注意点>

  • ①目盛り単位が指定されている場合、データラベルには自動的に目盛り単位も表示されます。
  • ※「目盛り単位が指定されている場合」とは、「unit-valueが指定されている場合」と同義です。unit-positionの指定がなく、目盛り単位としては表示されていない場合も含まれます。
  • ②データラベルに含まれる目盛り単位は、割り当てられた軸から採用されます。
    X軸では"月"、Y軸では"%"がそれぞれ目盛り単位として指定されており、サンプルでは系列にY軸が割り当てられています。このため、データラベル上には"%"が表示されます。
  • ③データラベルには,割り当てられた軸の目盛りに関する指定（narrow、scale属性）が反映されます。
  • ④blocktype="horizon"指定時には、セルが複数存在するチャートでdatadsp="side"指定を行うとセルによりデータラベルが上書きされてしまう場合があります。


block-chartサンプル5

目盛り単位の表示位置に関するサンプルです。

block-chartサンプル5-1 (『<biz-Stream_home>/sample/xml/block-chart/block-chartSample5-1.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample5_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-position="top" unit-value="月" narrow="horizon"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-position="top" unit-value="%" narrow="horizon" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(10,14行目抜粋)

<chart-x-coordinate-axe name="x_axis" unit-position="top" unit-value="月" narrow="horizon"/>
<!-- Y軸定義 -->
<chart-y-coordinate-axe name="y_axis" unit-position="top" unit-value="%" narrow="horizon" format="##0" max="150"/>


block-chartサンプル5-2 (『<biz-Stream_home>/sample/xml/block-chart/block-chartSample5-2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample5_2" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="150"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">55</chart-cell>
                <chart-cell name="cell4">60</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(10,14行目抜粋)

<!-- X軸定義 -->
<chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon"/>
<!-- Y軸定義 -->
<chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="150"/>


生成されるPDF

縦棒グラフ
縦棒グラフ
  • ※unit-position="side"が指定されたX軸目盛りは、圧縮の基準幅がX軸間隔となります。
  • ※その他の目盛りは、40pt幅（固定）を基準に圧縮されます。


block_chartSample6

X項目軸とY数値軸の交点に関するサンプルです。

block-chartサンプル6-1（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample6-1.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample6_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:6;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" narrow="horizon"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="100" min="-50" basis="true" scale="linestyle:border"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">-35</chart-cell>
                <chart-cell name="cell4">-40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(14行目抜粋)

<chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="100" min="-50" basis="true" scale="linestyle:border"/>


block-chartサンプル6-2（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample6-2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample6_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="horizon" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:6;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" narrow="horizon"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="100" min="-50" basis="false" scale="linestyle:border"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="15" use-area="60">02/01</chart-column>
        <chart-column column-width="15" use-area="60">02/03</chart-column>
        <chart-column column-width="15" use-area="60">02/05</chart-column>
        <!-- ブロックセル定義 -->

        <block-column background-color="255,55,50" axis-name="y_axis"/>

        <block-column background-color="100,0,50" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="cell1">12</chart-cell>
                <chart-cell name="cell2">40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell3">-35</chart-cell>
                <chart-cell name="cell4">-40</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="cell5">43</chart-cell>
                <chart-cell name="cell6">31</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(14行目抜粋)

<!-- Y軸定義 -->
<chart-y-coordinate-axe name="y_axis" narrow="none" format="##0" max="100" min="-50" basis="false" scale="linestyle:border"/>


生成されるPDF

縦棒グラフ


block-chartサンプル7

凡例に関するサンプルです。

block-chartサンプル7（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample7.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample7" Width="150" Height="150" X="30" Y="30" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart x="2" y="2" height="80" border-x="true" border-y="false" block-type="vertical" data-label="in" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:none;font-style:PLAIN;frame:true;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- 軸定義 -->

        <chart-x-coordinate-axe name="x_axis" narrow="size" scale="style:none"/>

        <chart-y-coordinate-axe name="y_axis1" unit-position="side" unit-value="%" narrow="none" format="##0" max="100" min="-40" basis="true" scale="line:14;style:none"/>

        <!-- X軸間隔定義 -->

        <chart-column column-width="20" display-line="true" use-area="80">2002/05</chart-column>
        <chart-column column-width="20" display-line="true" use-area="80">2002/06</chart-column>
        <chart-column column-width="20" display-line="true" use-area="80">2002/07</chart-column>
        <!-- ブロックセル定義 -->

        <block-column name="cell1" border-width="0.1" border-color="0,0,0" background-color="153,255,255" axis-name="y_axis1"/>

        <block-column name="cell2" border-width="0.1" border-color="0,0,0" background-color="204,255,204" axis-name="y_axis1"/>

        <block-column name="cell3" border-width="0.1" border-color="0,0,0" background-color="255,255,102" axis-name="y_axis1"/>

        <block-column name="cell4" border-width="0.1" border-color="0,0,0" background-color="255,153,153" axis-name="y_axis1"/>

        <block-column name="cell5" border-width="0.1" border-color="0,0,0" background-color="204,153,255" axis-name="y_axis1"/>

        <block-column name="cell6" border-width="0.1" border-color="0,0,0" background-color="204,204,0" axis-name="y_axis1"/>

        <!-- 凡例1(右上) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="right-top">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell5">セル5</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例2(右中央) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="right-center">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セルセルセルセルセルセル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例3(右下) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="right-bottom">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例4(左上) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="left-top">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例5(左中央) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="left-center">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セルセルセルセルセルセル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例6(左下) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="left-bottom">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例7(上部左) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="top-left">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell5">セル5</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例8(上部中央) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="top-center">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セルセルセルセルセルセル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例9(上部右) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="top-right">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例10(下部左) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="bottom-left">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell5">セル5</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例11(下部中央) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="bottom-center">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セルセルセルセルセルセル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell2">セル2</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell3">セル3</chart-explanatory-notescell>
                <chart-explanatory-notescell marker-name="cell4">セル4</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- 凡例12(下部右) -->

        <chart-explanatory-notes width="18" height="15" border="true" line-color="0,0,0" line-width="0.1" position="bottom-right">
            <chart-explanatory-notesrow>
                <chart-explanatory-notescell marker-name="cell1">セル1</chart-explanatory-notescell>
            </chart-explanatory-notesrow>
        </chart-explanatory-notes>
        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <chart-row>
                <chart-cell name="c1">6.3</chart-cell>
                <chart-cell name="c2">5.0</chart-cell>
                <chart-cell name="c3">2.4</chart-cell>
                <chart-cell name="c4">5.2</chart-cell>
                <chart-cell name="c5">-17.8</chart-cell>
                <chart-cell name="c6">24.5</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="c1">6.3</chart-cell>
                <chart-cell name="c2">5.0</chart-cell>
                <chart-cell name="c3">2.4</chart-cell>
                <chart-cell name="c4">5.2</chart-cell>
                <chart-cell name="c5">17.8</chart-cell>
                <chart-cell name="c6">24.5</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="c1">12.3</chart-cell>
                <chart-cell name="c2">-5.0</chart-cell>
                <chart-cell name="c3">2.4</chart-cell>
                <chart-cell name="c4">5.2</chart-cell>
                <chart-cell name="c5">17.8</chart-cell>
                <chart-cell name="c6">24.5</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

生成されるPDF（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample7.pdf』）

縦棒グラフ
縦棒グラフ


block-chartサンプル8

X軸目盛りとY軸目盛りの回転に関するサンプルです。

block-chartサンプル8-1 (『<biz-Stream_home>/sample/xml/block-chart/block-chartSample8-1.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample8_1" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon" scale="font-size:8;rotate:45"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="100" min="0" scale="font-size:8;rotate:45"/>

        <!-- X軸間隔定義 -->

        <chart-column name="cell1" column-width="10" display-line="true" use-area="60">10</chart-column>
        <chart-column name="cell2" column-width="10" display-line="true" use-area="60">11</chart-column>
        <chart-column name="cell3" column-width="10" display-line="true" use-area="60">12</chart-column>
        <!-- ブロックセル定義 -->

        <block-column border-width="0.1" border-color="0,0,0" background-color="173,216,230" axis-name="y_axis"/>

        <block-column border-width="0.1" border-color="0,0,0" background-color="96,144,239" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <!-- (1)ブロック1 -->

            <chart-row>
                <chart-cell name="cell1">11</chart-cell>
                <chart-cell name="cell2">27</chart-cell>
            </chart-row>
            <!-- (2)ブロック2 -->

            <chart-row>
                <chart-cell name="cell3">33</chart-cell>
                <chart-cell name="cell4">18</chart-cell>
            </chart-row>
            <!-- (3)ブロック3 -->

            <chart-row>
                <chart-cell name="cell5">49</chart-cell>
                <chart-cell name="cell6">13</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(10,14行目抜粋)

<!-- X軸定義 -->
<chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon" scale="font-size:8;rotate:45"/>
<!-- Y軸定義 -->
<chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="100" min="0" scale="font-size:8;rotate:45"/>


block-chartサンプル8-2 (『<biz-Stream_home>/sample/xml/block-chart/block-chartSample8-2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample8_2" Width="80" Height="80" X="20" Y="20" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- 縦棒グラフ -->

    <block-chart height="50" border-x="false" border-y="true" block-type="vertical" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <!-- X軸定義 -->

        <chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon" scale="font-size:8;rotate:-45"/>

        <!-- Y軸定義 -->

        <chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="100" min="0" scale="font-size:8;rotate:-45"/>

        <!-- X軸間隔定義 -->

        <chart-column name="cell1" column-width="10" display-line="true" use-area="60">10</chart-column>
        <chart-column name="cell2" column-width="10" display-line="true" use-area="60">11</chart-column>
        <chart-column name="cell3" column-width="10" display-line="true" use-area="60">12</chart-column>
        <!-- ブロックセル定義 -->

        <block-column border-width="0.1" border-color="0,0,0" background-color="173,216,230" axis-name="y_axis"/>

        <block-column border-width="0.1" border-color="0,0,0" background-color="96,144,239" axis-name="y_axis"/>

        <!-- ブロックセルのデータ定義 -->

        <chart-body>
            <!-- (1)ブロック1 -->

            <chart-row>
                <chart-cell name="cell1">11</chart-cell>
                <chart-cell name="cell2">27</chart-cell>
            </chart-row>
            <!-- (2)ブロック2 -->

            <chart-row>
                <chart-cell name="cell3">33</chart-cell>
                <chart-cell name="cell4">18</chart-cell>
            </chart-row>
            <!-- (3)ブロック3 -->

            <chart-row>
                <chart-cell name="cell5">49</chart-cell>
                <chart-cell name="cell6">13</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(10,14行目抜粋)

<!-- X軸定義 -->
<chart-x-coordinate-axe name="x_axis" unit-position="side" unit-value="月" narrow="horizon" scale="font-size:8;rotate:-45"/>
<!-- Y軸定義 -->
<chart-y-coordinate-axe name="y_axis" unit-position="side" unit-value="%" narrow="horizon" format="##0" max="100" min="0" scale="font-size:8;rotate:-45"/>


生成されるPDF

縦棒グラフ


block-chartサンプル9

表示文字列の表示に関するサンプルです。

block-chartサンプル9(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample9.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample9" Width="100" Height="100" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <block-chart x="17.975" y="12.278" height="81.45" border-x="false" border-y="true" block-type="vertical" data-label="in" type="100percent_stackbar" format="#,##0" display-label="true" data-narrow="false" scale="chain:false;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <chart-x-coordinate-axe name="x-axe" narrow="size" border-width="0.1" border-color="0,0,0"/>

        <chart-y-coordinate-axe name="y-axe" narrow="none" border-width="0.1" border-color="0,0,0" format="##0" scale="style:left;line:5;"/>

        <chart-column name="chartcolumn_1" column-width="30.481" display-line="false" use-area="100">資産構成</chart-column>
        <chart-column name="chartcolumn_2" column-width="30.481" display-line="false" use-area="100">負債・資本構成</chart-column>
        <block-column name="blockcolumn_1" border-width="0.1" border-color="0,0,0" background-color="255,102,102" axis-name="y-axe"/>

        <block-column name="blockcolumn_2" border-width="0.1" border-color="0,0,0" background-color="255,204,204" axis-name="y-axe"/>

        <block-column name="blockcolumn_3" border-width="0.1" border-color="0,0,0" background-color="255,204,102" axis-name="y-axe"/>

        <block-column name="blockcolumn_4" border-width="0.1" border-color="0,0,0" background-color="255,255,102" axis-name="y-axe"/>

        <block-column name="blockcolumn_5" border-width="0.1" border-color="0,0,0" background-color="153,255,102" axis-name="y-axe"/>

        <block-column name="blockcolumn_6" border-width="0.1" border-color="0,0,0" background-color="102,255,204" axis-name="y-axe"/>

        <block-column name="blockcolumn_7" border-width="0.1" border-color="0,0,0" background-color="51,153,255" axis-name="y-axe"/>

        <block-column name="blockcolumn_8" border-width="0.1" border-color="0,0,0" background-color="153,102,255" axis-name="y-axe"/>

        <chart-body>
            <chart-row>
                <chart-cell name="blockcolumn_1_1" display-value="売上債権">28</chart-cell>
                <chart-cell name="blockcolumn_2_1" display-value="棚卸資産">8</chart-cell>
                <chart-cell name="blockcolumn_3_1" display-value="その他流動資産">15</chart-cell>
                <chart-cell name="blockcolumn_4_1" display-value="現預金">20</chart-cell>
                <chart-cell name="blockcolumn_5_1" display-value="有形固定資産">45</chart-cell>
                <chart-cell name="blockcolumn_6_1" display-value="無形固定資産">5</chart-cell>
                <chart-cell name="blockcolumn_7_1" display-value="投資等">5</chart-cell>
                <chart-cell name="blockcolumn_8_1" display-value="繰越資産">5</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="blockcolumn_1_2" display-value="買掛債務">40</chart-cell>
                <chart-cell name="blockcolumn_2_2" display-value="その他流動負債">20</chart-cell>
                <chart-cell name="blockcolumn_3_2" display-value="短期借入金・割引手形">20</chart-cell>
                <chart-cell name="blockcolumn_4_2" display-value="長期債務">30</chart-cell>
                <chart-cell name="blockcolumn_5_2" display-value="その他の固定負債">10</chart-cell>
                <chart-cell name="blockcolumn_6_2" display-value="自己資本">15</chart-cell>
                <chart-cell name="blockcolumn_7_2">0</chart-cell>
                <chart-cell name="blockcolumn_8_2">0</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(5行目抜粋)

<block-chart x="17.975" y="12.278" height="81.45" border-x="false" border-y="true" block-type="vertical" data-label="in" type="100percent_stackbar" format="#,##0" display-label="true" data-narrow="false" scale="chain:false;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">

生成されるPDF（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample9.pdf』）

縦棒グラフ

<データ文字列の表示>
display-label：trueの場合



block-chartサンプル10

Y軸上げ幅に関するサンプルです。

block-chartサンプル10(『<biz-Stream_home>/sample/xml/block-chart/block-chartSample10.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="block-chartSample10" Width="80" Height="80" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <block-chart x="19.556" y="18.351" height="43.233" border-x="false" border-y="true" block-type="vertical" data-label="none" type="stackbar" format="#,##0" display-label="false" data-narrow="false" scale="chain:false;font-style:PLAIN;style:left;frame:false;font-color:0,0,0;font-size:8;font-family:MSGothic;linestyle:Solid;line-width:0.0;gradient:false;shadow:false;line:10;">
        <chart-x-coordinate-axe name="x-axe" narrow="size" border-width="0.1" border-color="0,0,0"/>

        <chart-y-coordinate-axe name="y-axe_1" narrow="none" border-width="0.1" border-color="0,0,0" format="##0" max="100" min="0" step-value="30" scale="line:10;style:left;"/>

        <chart-column name="chartcolumn_1" column-width="14.034" display-line="false" use-area="60"/>
        <chart-column name="chartcolumn_2" column-width="14.034" display-line="false" use-area="60"/>
        <chart-column name="chartcolumn_3" column-width="14.034" display-line="false" use-area="60"/>
        <block-column name="blockcolumn_1" border-width="0.1" border-color="0,0,0" background-color="255,0,0" axis-name="y-axe_1"/>

        <block-column name="blockcolumn_2" border-width="0.1" border-color="0,0,0" background-color="255,140,0" axis-name="y-axe_1"/>

        <block-column name="blockcolumn_3" border-width="0.1" border-color="0,0,0" background-color="255,255,0" axis-name="y-axe_1"/>

        <block-column name="blockcolumn_4" border-width="0.1" border-color="0,0,0" background-color="0,128,0" axis-name="y-axe_1"/>

        <chart-body>
            <chart-row>
                <chart-cell name="blockcolumn_1_1">25</chart-cell>
                <chart-cell name="blockcolumn_2_1">25</chart-cell>
                <chart-cell name="blockcolumn_3_1">25</chart-cell>
                <chart-cell name="blockcolumn_4_1">25</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="blockcolumn_1_2">15</chart-cell>
                <chart-cell name="blockcolumn_2_2">15</chart-cell>
                <chart-cell name="blockcolumn_3_2">15</chart-cell>
                <chart-cell name="blockcolumn_4_2">15</chart-cell>
            </chart-row>
            <chart-row>
                <chart-cell name="blockcolumn_1_3">5</chart-cell>
                <chart-cell name="blockcolumn_2_3">5</chart-cell>
                <chart-cell name="blockcolumn_3_3">5</chart-cell>
                <chart-cell name="blockcolumn_4_3">5</chart-cell>
            </chart-row>
        </chart-body>
    </block-chart>
</Layout>

(8行目抜粋)

<chart-y-coordinate-axe name="y-axe_1" narrow="none" border-width="0.1" border-color="0,0,0" format="##0" max="100" min="0" step-value="30" scale="line:10;style:left;"/>


生成されるPDF（『<biz-Stream_home>/sample/xml/block-chart/block-chartSample10.pdf』）


縦棒グラフ

<Y軸上げ幅：３０の場合>
最大値100÷Y軸上げ幅30 ＝ 3.333･･･
繰り上げてY軸目盛り線の数を4として作成

Y軸目盛り線の数が10に指定されていますが、最大値とY軸上げ幅により計算されたY軸目盛り線の数が優先されます。