biz-StreamマニュアルXMLページレイアウトタグ リファレンス第12章 グラフ12.6 キャンドルチャート<candle-chart>

12.6 キャンドルチャート<candle-chart>


12.6.1機能説明

キャンドルチャートについて指定を行います。

※biz-Streamで使用するキャンドルチャートの用語は下記を参照ください。

キャンドルチャート
  • X軸
  • X軸間隔
  • X軸目盛り
  • X軸目盛り単位
  • X軸目補助盛り線
  • Y軸
  • Y軸目盛り
  • Y軸目盛り線
  • 陽線
  • 陰線
  • チャート枠線
  • チャート背景


12.6.2属性説明

1candle-chart属性説明

キャンドルチャート全体に関する指定を行います。

属性名指定説明指定内容初期値
name任意チャート名CDATA
x任意※チャート中心のX座標CDATA0
y任意※チャート中心のY座標CDATA0
unit任意単位(Choice)mm / cm / in / px / ptmm
height必須チャートの高さCDATA
border-width任意ひげ線の幅CDATA
border-color任意チャート枠線の色
※キャンドルチャートでは未使用
CDATA
background-color任意チャート背景の色CDATA
border-x任意X軸目盛り線の有無(Choice)true(有り) /
false(無し)
true
border-y任意Y軸目盛り線の有無(Choice)true(有り) /
false(無し)
true
upBorder-color任意陽線の背景色CDATA255,255,255
downBorder-color任意陰線の背景色CDATA
margin-scale任意最大値や最小値の指定がない場合、チャートの実データにある最大値と最小値に対し、どの程度マージンを取った値にするかを指定CDATA0~100またはNull
scale任意表示指定
※KEYと指定内容は":"(コロン)で区切り、複数指定の場合は";"(セミコロン)で区切る
CDATA『chart-x-coordinate-axe:scale属性指定』を参照

※ candle-chart:scale属性指定
KEY説明指定内容初期値
chainマーカー中継線
※キャンドルチャートでは未使用
true(あり) / false(なし)true
gradient背景色グラディエーション
※キャンドルチャートでは未使用
true(あり) / false(なし)false
shadowグラフ影
※キャンドルチャートでは未使用
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 / nonenone
format任意X軸目盛りの表示形式CDATAAPI仕様
DecimalFormatに準拠した表示形式
(Java API仕様を参照)
#,##0
scale任意表示指定
※KEYと指定内容は":"(コロン)で区切り、複数指定の場合は";"(セミコロン)で区切る
CDATA『chart-x-coordinate-axe:scale属性指定』を参照
border-width任意X軸幅CDATA0.1
border-color任意X軸カラーCDATA0
Rotate任意表示文字列の回転度CDATA

※ chart-x-coordinate-axe:scale属性指定
KEY説明指定内容初期値
font-familyX軸目盛りのフォント種類ライブラリ共通ガイド『6.2 横書きフォント』を参照MSGothic
font-colorX軸目盛りのフォントカラー0
font-sizeX軸目盛りのフォントサイズ8
font-styleX軸目盛りのフォントスタイルPLAIN / BOLD /ITALIC/ BOLD-ITALICPLAIN
font-encoding X軸目盛りのフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
unitfont-familyX軸目盛り単位のフォント種類
※キャンドルチャートでは未使用
ライブラリ共通ガイド『6.2 横書きフォント』を参照 MSGothic
unitfont-colorX軸目盛り単位のフォントカラー
※キャンドルチャートでは未使用
0
unitfont-sizeX軸目盛り単位のフォントサイズ
※キャンドルチャートでは未使用
8
unitfont-styleX軸目盛り単位のフォントスタイル
※キャンドルチャートでは未使用
PLAIN / BOLD /ITALIC/ BOLD-ITALICPLAIN
unitfont-encoding X軸目盛り単位のフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値

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軸目盛りの表示形式CDATAAPI仕様
DecimalFormatに準拠した表示形式
(Java API仕様を参照)
#,##0
max任意Y軸目盛りの最大値CDATAセルの値から割り出し
min任意Y軸目盛りの最小値CDATAセルの値から割り出し
basis任意X軸とY軸の交点
※本属性の指定の条件は、Y軸目盛りの最小値が負の値であること
(Choice)true("0"位置) /
false(目盛り最小値位置)
false
border-width任意Y軸幅CDATA0.1
border-color任意Y軸カラーCDATA
step-value任意Y軸上げ幅CDATA
scale任意表示指定
※KEYと指定内容は":"(コロン)で区切り、複数指定の場合は";"(セミコロン)で区切る
CDATA『chart-y-coordinate-axe:scale属性指定』を参照
Rotate任意表示文字列の回転度CDATA

※ chart-y-coordinate-axe:scale属性指定
KEY説明指定内容初期値
font-familyX軸目盛りのフォント種類ライブラリ共通ガイド『6.2 横書きフォント』を参照MSGothic
styleY軸とY軸目盛りの表示位置style:left(左側)left
font-familyY軸目盛りのフォント種類ライブラリ共通ガイド『6.2 横書きフォント』を参照MSGothic
font-colorY軸目盛りのフォントカラー0
font-sizeY軸目盛りのフォントサイズ8
font-styleY軸目盛りのフォントスタイルPLAIN / BOLD /ITALIC/ BOLD-ITALICPLAIN
font-encoding Y軸目盛りのフォントエンコーディング 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値
lineY軸目盛りとY軸目盛り線の数10
line-styleY軸目盛り線のスタイル
※キャンドルチャートでは未使用
「6.2 線<Line>」にある属性説明の
「LineStyle属性」を参照
Solid
line-widthY軸目盛り線の幅
※キャンドルチャートでは未使用
0.1
line-colorY軸目盛り線の色
※キャンドルチャートでは未使用
0
gaijifont-family外字フォントの設定
※キャンドルチャートでは未使用
unitfont-familyY軸目盛り単位のフォント種類
※キャンドルチャートでは未使用
ライブラリ共通ガイド『6.2 横書きフォント』を参照MSGothic
unitfont-colorY軸目盛り単位のフォントカラー
※キャンドルチャートでは未使用
unitfont-sizeY軸目盛り単位のフォントサイズ
※キャンドルチャートでは未使用
8
unitgaijifont-family単位に使用する外字フォントの設定
※キャンドルチャートでは未使用

4chart-column属性説明

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

属性名指定説明指定内容初期値
name必須識別名
column-width必須X軸間隔CDATA
display-line任意X軸目盛り補助線の有無
※キャンドルチャートでは未使用
(Choice)true(表示する)/
false(表示しない)
false
use-area任意※反映されません
(block-chartでのみ有効な属性)
※キャンドルチャートでは未使用
CDATA0~10060
Text任意※キャンドルチャートでは未使用CDATA

5candle-column属性説明

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

属性名指定説明指定内容初期値
name必須識別名
name必須セル定義名(X軸目盛りの値)CDATA
radius任意マーカーの半径
※キャンドルチャートでは未使用
数値
background-color任意カラムの背景色
※キャンドルチャートでは未使用
CDATA
axis-name任意Y軸の名称CDATA

6chart-body属性説明

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

属性名指定説明指定内容初期値
name必須グラフ上に表示されるデータ全体を現す項目
(特に使用しない)
CDATA

7chart-row属性説明

chart-cellの親要素です。属性定義はありません。
セル(candle-column)数分の定義を行ってください。

属性名指定説明指定内容初期値
name必須(特に使用しない)CDATA

8chart-cell属性説明

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

属性名指定説明指定内容初期値
name必須セル名前CDATA
display-value任意※キャンドルチャートでは未使用CDATA
text任意グラフに設定された値CDATA



12.6.3記述例

candle-chartサンプル1

candle-chartサンプル1

(『<biz-Stream_home>/sample/xml/candle-chart/candle-chartSample1.xml』)


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Width="150mm" Height="120mm" 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">
    <candle-chart x="15" y="25" unit="mm" height="70" background-color="255,255,153" border-x="true" border-y="true" upBorder-color="255,255,255" downBorder-color="0,0,0" scale="chain:true;font-style:PLAIN;style:left;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-axe" unit-position="top" unit-value="日" narrow="size" border-width="0.1" border-color="0,0,0" scale="font-style:PLAIN;font-family:MSGothic;unitfont-color:0,0,0;unitfont-style:PLAIN;font-size:8;unitfont-size:8;unitfont-family:MSGothic;font-color:0,0,0;"/>

        <chart-y-coordinate-axe name="y-axe_1" unit-position="top" unit-value="円" narrow="none" border-width="0.1" border-color="0,0,0" format="##0" max="1100" min="1000" basis="true" scale="font-style:PLAIN;style:left;font-color:0,0,0;font-size:8;font-family:MSGothic;unitfont-family:MSGothic;linestyle:Solid;unitfont-color:0,0,0;unitfont-size:8;line:10;"/>

        <chart-column name="chartcolumn_1" column-width="29.104" display-line="false" use-area="60"/>
        <chart-column name="chartcolumn_2" column-width="29.104" display-line="false" use-area="60"/>
        <chart-column name="chartcolumn_3" column-width="29.104" display-line="false" use-area="60"/>
        <chart-column name="chartcolumn_4" column-width="29.104" display-line="false" use-area="60"/>
        <candle-column name="2004/02/01" radius="0" background-color="255,0,0" axis-name="y-axe_1"/>

        <candle-column name="2004/02/02" radius="0" background-color="255,140,0" axis-name="y-axe_1"/>

        <candle-column name="2004/02/03" radius="0" background-color="255,255,0" axis-name="y-axe_1"/>

        <candle-column name="2004/02/04" radius="0" background-color="0,128,0" axis-name="y-axe_1"/>

        <chart-body>
            <!-- 最高値 -->

            <chart-row>
                <chart-cell name="candlecolumn_1_1">1100</chart-cell>
                <chart-cell name="candlecolumn_2_1">1100</chart-cell>
                <chart-cell name="candlecolumn_3_1">1080</chart-cell>
                <chart-cell name="candlecolumn_4_1">1075</chart-cell>
            </chart-row>
            <!-- 最安値 -->

            <chart-row>
                <chart-cell name="candlecolumn_1_2">1070</chart-cell>
                <chart-cell name="candlecolumn_2_2">1050</chart-cell>
                <chart-cell name="candlecolumn_3_2">1040</chart-cell>
                <chart-cell name="candlecolumn_4_2">1040</chart-cell>
            </chart-row>
            <!-- 始値 -->

            <chart-row>
                <chart-cell name="candlecolumn_1_3">1075</chart-cell>
                <chart-cell name="candlecolumn_2_3">1090</chart-cell>
                <chart-cell name="candlecolumn_3_3">1060</chart-cell>
                <chart-cell name="candlecolumn_4_3">1045</chart-cell>
            </chart-row>
            <!-- 終値 -->

            <chart-row>
                <chart-cell name="candlecolumn_1_4">1090</chart-cell>
                <chart-cell name="candlecolumn_2_4">1060</chart-cell>
                <chart-cell name="candlecolumn_3_4">1045</chart-cell>
                <chart-cell name="candlecolumn_4_4">1070</chart-cell>
            </chart-row>
        </chart-body>
    </candle-chart>
</Layout>



生成されるPDF(『<biz-Stream_home>/sample/xml/candle-chart/candle-chartSample1.pdf』)



キャンドルチャート


  • 陽線:始値より終値が高値の場合(始値<終値)
  • 陰線:始値より終値が低値の場合(始値>終値)