biz-StreamマニュアルXMLページレイアウトタグ リファレンス第12章 グラフ12.8 円グラフ<pie-chart3d>

12.8 円グラフ<pie-chart3d>

12.8.1機能説明

円グラフの指定を行います。

※biz-Streamで使用する円グラフの用語は下記を参照ください。

円グラフ

  • 基点
  • 基線位置
  • セル
  • パーセンテージラベル


12.8.2属性説明

1pie-chart3d属性説明

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

属性名指定説明指定内容初期値
name必須名前CDATA
x任意X座標CDATA0
y任意Y座標CDATA0
unit任意単位(Choice)mm / cm / in / px / ptmm
radius必須グラフの半径CDATA
font-family任意パーセンテージラベルのフォント種類(Choice)ライブラリ共通ガイド『6.2 横書きフォント』を参照MSGothic
font-size任意パーセンテージラベルのフォントサイズCDATA8
font-style任意パーセンテージラベルのフォントスタイル(Choice)PLAIN / BOLD /ITALIC / BOLD-ITALICPLAIN
font-encoding 任意 パーセンテージラベルのフォントエンコーディング (Choice) 90ms-RKSJ-H / 90ms-RKSJ-V / 90msp-RKSJ-H / 90msp-RKSJ-V / UniJIS-UTF16-H / UniJIS-UTF16-V フォントごとのデフォルト値

2pie-column属性説明

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

属性名指定説明指定内容初期値
name任意セル名CDATA
background-color必須セル領域の色CDATA


3chart-body属性説明

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



4chart-row属性説明

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



5chart-cell属性説明

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

属性名指定説明指定内容初期値
name任意セル名CDATA


12.8.3記述例

pie-chart3dサンプル1

pie-chart3dサンプル1(『<biz-Stream_home>/sample/xml/pie-chart3d/pie-chart3dSample1.xml』)



<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Width="160" Height="150" Unit="mm" 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">
    <pie-chart3d x="70" y="70" radius="50" font-family="MSGothic" font-size="10" font-style="ITALIC">
        <!-- セルpiechart1:領域の色指定 -->

        <pie-column background-color="255,0,0"/>

        <!-- セルpiechart2:領域の色指定 -->

        <pie-column background-color="0,255,0"/>

        <!-- セルpiechart3:領域の色指定 -->

        <pie-column background-color="0,0,255"/>

        <!-- セルpiechart4:領域の色指定 -->

        <pie-column background-color="255,0,255"/>

        <chart-body>
            <chart-row>
                <!-- セルのデータ指定 -->

                <chart-cell name="piechart1">20</chart-cell>
                <chart-cell name="piechart2">66</chart-cell>
                <chart-cell name="piechart3">81</chart-cell>
                <chart-cell name="piechart4">57</chart-cell>
            </chart-row>
        </chart-body>
    </pie-chart3d>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/pie-chart3d/pie-chart3dSample1.pdf』)



円グラフ
  • 各セルのパーセンテージラベルには、データ値の合計を100として割り出されたパーセンテージが表示されます。
     (小数点第5位を四捨五入)
  • <各セルのデータ値とパーセンテージラベル>
  • データ値合計:20+66+81+57=224
  • piechart1: 20 ⇒20÷224=0.08928... (8.93%)
  • piechart2: 66 ⇒66÷224=0.29464... (29.46%)
  • piechart3: 81 ⇒81÷224=0.36160... (36.16%)
  • piechart4: 57 ⇒57÷224=0.25446... (25.45%)