portFolio タグ

<IMART type="portFolio"> タグ。

ポートフォリオ・グラフ画像を表示します。
属性 data に指定したデータを利用してグラフをブラウザ上に描画します。
属性 data には、オブジェクトデータを指定して下さい。
(属性 data の設定方法に関しては、下記の使用例を参照して下さい。)

属性 xDataSize には、横軸の中心値からのデータサイズを指定して下さい。
属性 yDataSize には、縦軸の中心値からのデータサイズを指定して下さい。
属性 xDataSize および yDataSize には負の値が指定されても、正の値として扱われます。

属性 scalePosition には、目盛りの表示位置を "center" か "side" で指定します。
未指定のときは、デフォルト位置(center:グラフの中心)に表示されます。

   center: グラフの中心(縦横軸に沿って)に表示
   side : グラフの外枠に表示
その他の属性には、 <IMG> タグに指定可能なオプション属性を任意に指定する事が出来ます。
(<IMG> タグの仕様に関しては、市販のHTMLリファレンスを参照下さい。)
内部タグ:
なし

属性一覧
属性名必須説明
datatrueグラフの各種値 -- 詳細は[使用例]を参照
imageWidthtrueグラフ画像の幅
imageHeighttrueグラフ画像の高さ
xCenterPointtrue横軸の中心値
xDataSizetrue横軸の中心値からのデータサイズ
xScaleCounttrue横軸1目盛りあたりの数
yCenterPointtrue縦軸の中心値
yDataSizetrue縦軸の中心値からのデータサイズ
yScaleCounttrue縦軸1目盛りあたりの数
scalePositionfalse目盛りの表示位置
その他false<IMG> タグで指定可能な各オプション属性(複数指定可)

使用例;
<IMART type="portFolio"
       data=oData
       imageWidth="300"
       imageHeight="300"
       xCenterPoint="10"
       xDataSize="-10"
       xScaleCount="5"
       yCenterPoint="0"
       yDataSize="50"
       yScaleCount="10">
</IMART>
ファンクションコンテナからバインドされたオブジェクトデータ oData により
グラフをブラウザ画面上に描画します。
グラフのデータは、ファンクションコンテナ内で以下のようにして作成します。


var oData = new Object();

oData = new Array();
oData[0] = new Object();                 // データ1
oData[0].nXData = 5;                     //     グラフ横軸データ値
oData[0].nYData = -30;                   //     グラフ縦軸データ値
oData[0].sColor = "red";                 //     点の色
oData[0].nSize  = 10;                    //     点のサイズ

oData[1] = new Object();                 // データ2
oData[1].nXData = 15;                    //     グラフの横軸データ値
oData[1].nYData = 20;                    //     グラフの縦軸データ値
oData[1].sColor = "blue";                //     点の色
oData[1].nSize  = 10;                    //     点のサイズ

oData[2] = new Object();                 // データ3
oData[2].nXData = 18;                    //     グラフの横軸データ値
oData[2].nYData = -20;                   //     グラフの縦軸データ値

[data属性の構造]
    グラフのデータ数分、data属性のObjectを配列(0 - n)で指定します。

      data属性 Object[]
         ├ (number) nXData                 // グラフ横軸値
         ├ (number) nYData                 // グラフ縦軸値
         ├ (String) sColor                 // 点の色(任意)
         └ (number) nSize                  // 点のサイズ(任意)

    sColor プロパティが未設定のとき、点の色にはデフォルト値(黒)が設定されます。
    nSize プロパティが未設定のとき、点のサイズにはデフォルト値(5)が設定されます。

    sColor プロパティには カラーチャート のカラー名を指定して下さい。

バージョン:1.0
導入されたバージョン:5.0