public class JsChartTag extends CommonTagSupport
JsChart は、JavascriptのjsChart用のスクリプトを出力するクラスです。 複数の JsChartData オブジェクトを合成することも、ここで行っています。 ChartJSを利用しているため、標準属性以外の項目をセットする場合はoptionAttributesで行ってください。 例えばアニメーションをOFFにする場合はanimation:falseをセットします。 出力されるスクリプトでは、idを指定しない場合はhybscanvas[tableId]が利用されます。 複数のグラフを同一画面で出力する場合はidかtableIdを変えてください。 チャートオブジェクトはchart_[id]という名前で作成されるため、ajax等でコントロールが必要な場合は利用してください。
●形式:<og:column chartType="…" ... /> ●body:あり(EVAL_BODY_BUFFERED:BODYを評価し、{$#064;XXXX} を解析します) ●Tag定義: <og:jsChart chartType ○【TAG】チャートの種類を指定します[line/bar/horizontalBar/radar/polarArea/pie/doughnut](必須)。 labelColumn 【TAG】ラベルのカラム名を指定します(表示名称)(必須)。 id 【TAG】canvasタグのidを指定します(初期値:hybscanvas)。 height 【TAG】チャートの高さを指定します(初期値:400)。 width 【TAG】チャートの幅を指定します(初期値:400)。 title 【TAG】タイトルを指定します。 titlePosition 【TAG】タイトルの表示位置[top/right/bottom/left]を指定します(初期値:top)。 xlabel 【TAG】x軸のラベルを指定します。 ylabel 【TAG】y軸のラベルを指定します。 legendPosition 【TAG】凡例の表示位置[top/right/bottom/left]を指定します(初期値:top)。 legendDisplay 【TAG】凡例を表示するか[true/false]を指定します。 xscaleCallback 【TAG】x軸コールバックを指定します。 yscaleCallback 【TAG】y軸コールバックを指定します。 xscaleType 【TAG】x軸のスケールタイプ[category/time/linear]を指定します(初期値:category)。 yscaleType 【TAG】y軸のスケールタイプ[linear/category]を指定します(初期値:linear)。 xmax 【TAG】x軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。 xmin 【TAG】x軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。 xstepSize 【TAG】x軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。 timeUnit 【TAG】x軸のタイムの単位[year/quarter/month/week/day/hour/minute/second/millsecond]を指定します(xscaleTypeがtimeの場合に有効。指定しない場合は自動)。 timeUnitStepSize 【TAG】x軸のタイムの単位幅を指定します。(xscaleTypeがtimeの場合に有効) timeSetFormat 【TAG】x軸の設定するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。 timeLblFormat 【TAG】x軸の表示するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。 timeMax 【TAG】x軸のタイムの最大値を指定します(xscaleTypeがtimeの場合に有効)。 timeMin 【TAG】x軸のタイムの最小値を指定します(xscaleTypeがtimeの場合に有効)。 ycategoryList 【TAG】y軸のメモリリストをカンマ区切りで指定します(xscaleTypeがlinearの場合に有効) max 【TAG】y軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。 min 【TAG】y軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。 stepSize 【TAG】y軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。 barWidthPer 【TAG】棒線の横幅を指定します(初期値:0.8, typeがbar,horizontalBarの場合に有効)。 onClick 【TAG】チャートクリック時のイベントを指定します。 tableid 【TAG】(通常は使いません)sessionから所得する DBTableModelオブジェクトの ID scope 【TAG】キャッシュする場合のスコープ[request/page/session/application]を指定します(初期値:session) widthEventColumn 【TAG】横幅を動機に設定するカラムのIDを指定します。 heightEventColumn 【TAG】縦幅を動的に設定するカラムのIDを指定します。 minEventColumn 【TAG】minを動的に設定するカラムのIDを指定します。 maxEventColumn 【TAG】maxを動的に設定するカラムのIDを指定します。 useZeroDataOmit 【TAG】データが0の場合、使用しない(除外する)かどうかを指定します[true:0データを除外する](初期値:false) useRenderer 【TAG】データ出力でレンデラを利用するかどうか(初期値:false) sortColumn 【TAG】検索結果をこのカラムでソートしなおします(初期値:null)。 optionAttributes 【TAG】その他オプションを指定します。 caseKey 【TAG】このタグ自体を利用するかどうかの条件キーを指定します(初期値:null) caseVal 【TAG】このタグ自体を利用するかどうかの条件値を指定します(初期値:null) caseNN 【TAG】指定の値が、null/ゼロ文字列 でない場合(Not Null=NN)は、このタグは使用されます(初期値:判定しない) caseNull 【TAG】指定の値が、null/ゼロ文字列 の場合は、このタグは使用されます(初期値:判定しない) caseIf 【TAG】指定の値が、true/TRUE文字列の場合は、このタグは使用されます(初期値:判定しない) debug 【TAG】デバッグ情報を出力するかどうか[true/false]を指定します(初期値:false) > ... Body ... </og:jsChart> ●使用例 <og:jsChart chartType = "[line/bar/horizontalBar/radar/polarArea/pie/doughnut]" labelColumn = "LDATA" id = "hybscanvas" height = "400" width = "400" title = "タイトル" titlePosition = "top" [top/right/bottom/left] ylabel = "給料" xlabel = "名称" legendPosition = "right" [top/right/bottom/left] legendDisplay = "true" [true/false] xsclaeCallback = "function(value){return value + ' 様';}" ysclaeCallback = "function(value){return value.toLocaleString();}" xscaleType = "time" max = "1000000" min = "100000" stepSize = "10000" barWidthPer = "0.4" > <og:jsChartData ... /> </og:jsChart>
修飾子とタイプ | フィールドと説明 |
---|---|
static String |
CTYPE_BAR
chartType 引数に渡す事の出来る タイプ 棒線 "bar"
|
static String |
CTYPE_DOUGHNUT
chartType 引数に渡す事の出来る タイプ ドーナツ "doughnut"
|
static String |
CTYPE_HBAR
chartType 引数に渡す事の出来る タイプ 横棒線 "horizontalBar"
|
static String |
CTYPE_LINE
chartType 引数に渡す事の出来る タイプ 折れ線 "line"
|
static String |
CTYPE_PA
chartType 引数に渡す事の出来る タイプ ポーラエリア "polarArea"
|
static String |
CTYPE_PIE
chartType 引数に渡す事の出来る タイプ 円 "pie"
|
static String |
CTYPE_RADAR
chartType 引数に渡す事の出来る タイプ レイダー "radar"
|
BR, BUFFER_MIDDLE, CR
bodyContent
pageContext
EVAL_BODY_BUFFERED, EVAL_BODY_TAG
EVAL_BODY_AGAIN
EVAL_BODY_INCLUDE, EVAL_PAGE, SKIP_BODY, SKIP_PAGE
コンストラクタと説明 |
---|
JsChartTag() |
修飾子とタイプ | メソッドと説明 |
---|---|
protected void |
addJsChartData(JsChartData jsData)
jsChartData情報をリストに追加します。
|
int |
doEndTag()
Taglibの終了タグが見つかったときに処理する doEndTag() を オーバーライドします。
|
int |
doStartTag()
Taglibの開始タグが見つかった時に処理する doStartTag() を オーバーライドします。
|
protected int |
getJsChartDataSize()
登録済みのjsChartData情報の個数を返します。
|
protected void |
release2()
タグリブオブジェクトをリリースします。
|
void |
setBarWidthPer(String barWidthPer)
【TAG】棒線の横幅を指定します(初期値:0.8, typeがbar,horizontalBarの場合に有効)。
|
void |
setChartType(String cType)
【TAG】チャートの種類を指定します[line/bar/horizontalBar/radar/polarArea/pie/doughnut](必須)。
|
void |
setHeight(String hei)
【TAG】チャートの高さを指定します(初期値:400)。
|
void |
setHeightEventColumn(String heightEventColumn)
【TAG】縦幅の動的設定カラムを設定します。
|
void |
setId(String id)
【TAG】canvasタグのidを指定します(初期値:hybscanvas)。
|
void |
setLabelColumn(String lblclm)
【TAG】ラベルのカラム名を指定します(表示名称)(必須)。
|
void |
setLegendDisplay(String legendDisplay)
【TAG】凡例を表示するか[true/false]を指定します。
|
void |
setLegendPosition(String legendPosition)
【TAG】凡例の表示位置[top/right/bottom/left]を指定します(初期値:top)。
|
void |
setMax(String max)
【TAG】y軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setMaxEventColumn(String maxEventColumn)
【TAG】maxの動的設定カラムを設定します。
|
void |
setMin(String min)
【TAG】y軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setMinEventColumn(String minEventColumn)
【TAG】minの動的設定カラムを設定します。
|
void |
setOnClick(String click)
【TAG】チャートクリック時のイベントを指定します。
|
void |
setOptionAttributes(String attri)
【TAG】オプション情報を指定します。
|
void |
setSortColumn(String sortClm)
【TAG】検索結果をこのカラムでソートし直します(初期値:null)。
|
void |
setStepSize(String stepSize)
【TAG】y軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setTableId(String tableId)
【TAG】(通常は使いません)sessionから所得する DBTableModelオブジェクトの ID。
|
void |
setTimeLblFormat(String timeLblFormat)
【TAG】x軸の表示するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeMax(String timeMax)
【TAG】x軸のタイムの最大値を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeMin(String timeMin)
【TAG】x軸のタイムの最小値を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeSetFormat(String timeSetFormat)
【TAG】x軸の設定するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeUnit(String timeUnit)
【TAG】x軸のタイムの単位[year/quarter/month/week/day/hour/minute/second/millsecond]を指定します。
|
void |
setTimeUnitStepSize(String timeUnitStepSize)
【TAG】x軸のタイムの単位幅を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTitle(String title)
【TAG】タイトルを指定します。
|
void |
setTitlePosition(String titlePosition)
【TAG】タイトルの表示位置[top/right/bottom/left]を指定します(初期値:top)。
|
void |
setUseRenderer(String usernd)
【TAG】JSON出力で、値出力にレンデラを利用するかどうかを指定します。
|
void |
setUseZeroDataOmit(String useZeroOmit)
【TAG】データが0の場合、使用しない(除外する)かどうかを指定します[true:0データを除外する](初期値:false)。
|
void |
setWidth(String wid)
【TAG】チャートの幅を指定します(初期値:400)。
|
void |
setWidthEventColumn(String widthEventColumn)
【TAG】横幅の動的設定カラムを設定します。
|
void |
setXlabel(String xlabel)
【TAG】x軸のラベルを指定します。
|
void |
setXmax(String xmax)
【TAG】x軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setXmin(String xmin)
【TAG】x軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setXscaleCallback(String xscaleCallback)
【TAG】x軸コールバックを指定します。
|
void |
setXscaleType(String xscaleType)
【TAG】x軸のスケールタイプ[category/time/linear]を指定します(初期値:category)。
|
void |
setXstepSize(String xstepSize)
【TAG】x軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setYcategoryList(String ycategoryList)
【TAG】y軸のメモリリストをカンマ区切りで指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setYlabel(String ylabel)
【TAG】y軸のラベルを指定します。
|
void |
setYscaleCallback(String yscaleCallback)
【TAG】y軸コールバックを指定します。
|
void |
setYscaleType(String yscaleType)
【TAG】y軸のスケールタイプ[linear/category]を指定します(初期値:linear)。
|
String |
toString()
このオブジェクトの文字列表現を返します。
|
add, add, addEventColumn, addEventColumn, check, commitTableObject, debugPrint, doAfterBody, doCatch, doFinally, get, getApplicationInfo, getAttributes, getBodyRawString, getBodyString, getContextAttribute, getContextPath, getCookie, getCSVParameter, getCSVParameter, getDataCondition, getDateFormat, getDBColumn, getDBFunctionName, getDocumentLink, getGUIInfo, getGUIInfoAttri, getHostName, getLabel, getLabelInterface, getLanguage, getLASTAttri, getLongLabel, getMsg, getMsglbl, getNVLAttri, getObject, getParameterNames, getParameterRows, getRequest, getRequestAttribute, getRequestCacheData, getRequestMethod, getRequestParameter, getRequestParameterValues, getRequestValue, getRequestValue, getRequestValues, getReservedParameter, getReservedValue, getResource, getSanitizedBodyString, getScope, getSessionAttribute, getSumRequestValue, getTagName, getTransaction, getUser, getUserEditInfo, getUserInfo, isAjaxSubmitRequest, isDebug, isNoTransitionRequest, isNull, jspPrint, makeUrl, removeContextAttribute, removeObject, removeRequestAttribute, removeSessionAttribute, set, setAjaxSubmitRequest, setCaseIf, setCaseKey, setCaseNN, setCaseNull, setCaseVal, setContextAttribute, setCookie, setDebug, setLanguage, setLbl, setNoTransitionRequest, setObject, setObject, setParameterNames, setParameterRows, setRequestAttribute, setRequestCacheData, setScope, setSessionAttribute, setUserInfo, startQueryTransaction, sys, sysBool, sysInt, useMainTrans, useQuotCheck, useTag, useXssCheck
doInitBody, getBodyContent, getPreviousOut, release, setBodyContent
findAncestorWithClass, getId, getParent, getValue, getValues, removeValue, setPageContext, setParent, setValue
clone, equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, wait
getParent, setPageContext, setParent
public static final String CTYPE_HBAR
public static final String CTYPE_RADAR
public static final String CTYPE_PA
protected void release2()
release2
クラス内 CommonTagSupport
6.7.5.0 (2017/03/10) jsChartData属性の初期化もれ |
5.9.19.0 (2017/04/07) T.OTA 61200-170316-02 チャートサイズ・max・minの動的変更対応 |
6.7.7.0 (2017/03/31) useZeroDataOmit属性の追加 |
6.7.9.0 (2017/04/28) useRenderer 追加 |
6.8.0.0 (2017/06/02) sortColumn 追加 |
public int doStartTag()
doStartTag
インタフェース内 Tag
doStartTag
クラス内 CommonTagSupport
6.7.5.0 (2017/03/10) タグの使用を決める共通属性の追加 |
public int doEndTag()
doEndTag
インタフェース内 Tag
doEndTag
クラス内 CommonTagSupport
6.7.5.0 (2017/03/10) タグの使用を決める共通属性の追加 |
public void setChartType(String cType)
cType
- チャートタイプ [line/bar/horizontalBar/radar/polarArea/pie/doughnut]public void setId(String id)
setId
クラス内 TagSupport
id
- canvasタグのidcanvasタグのidに設定します。
public void setHeight(String hei)
hei
- 設定する高さcanvasタグの高さに設定します。
public void setWidth(String wid)
wid
- 設定する横幅canvasタグの横幅を設定します。
public void setLabelColumn(String lblclm)
lblclm
- ラベルカラムpublic void setTitle(String title)
title
- タイトルpublic void setTitlePosition(String titlePosition)
titlePosition
- タイトルの表示位置public void setXlabel(String xlabel)
xlabel
- x軸のラベルpublic void setYlabel(String ylabel)
ylabel
- y軸のラベルpublic void setLegendPosition(String legendPosition)
legendPosition
- 凡例の表示位置public void setLegendDisplay(String legendDisplay)
legendDisplay
- 凡例を表示するか [true/false]public void setXscaleCallback(String xscaleCallback)
xscaleCallback
- x軸コールバックx軸のメモリ編集用スケールバックを設定します。
public void setYscaleCallback(String yscaleCallback)
yscaleCallback
- y軸コールバックy軸のメモリ編集用スケールバックを設定します。
public void setXscaleType(String xscaleType)
xscaleType
- x軸のスケールタイプpublic void setYscaleType(String yscaleType)
yscaleType
- y軸のスケールタイプpublic void setYcategoryList(String ycategoryList)
ycategoryList
- y軸のメモリリストpublic void setXmax(String xmax)
xmax
- x軸の最大値public void setXmin(String xmin)
xmin
- x軸の最小値public void setXstepSize(String xstepSize)
xstepSize
- x軸のメモリ幅public void setBarWidthPer(String barWidthPer)
barWidthPer
- 棒線の横幅protected void addJsChartData(JsChartData jsData)
jsData
- jsChartData情報6.7.5.0 (2017/03/10) リストの初期化方法を変更します。 |
protected int getJsChartDataSize()
6.7.7.0 (2017/03/31) 新規追加 |
public void setTimeUnit(String timeUnit)
timeUnit
- x軸のタイムの単位(xscaleTypeがtimeの場合に有効。指定しない場合は自動)
public void setTimeUnitStepSize(String timeUnitStepSize)
timeUnitStepSize
- x軸のタイムの単位幅public void setTimeSetFormat(String timeSetFormat)
timeSetFormat
- x軸の設定するタイムのフォーマットpublic void setTimeLblFormat(String timeLblFormat)
timeLblFormat
- x軸の表示するタイムのフォーマットpublic void setTimeMax(String timeMax)
timeMax
- x軸のタイムの最大値public void setTimeMin(String timeMin)
timeMin
- x軸のタイムの最小値public void setMax(String max)
max
- メモリの最大値public void setMin(String min)
min
- メモリの最小値public void setStepSize(String stepSize)
stepSize
- y軸のメモリ幅public void setOnClick(String click)
click
- チャートクリック時のイベントを指定下記の値が引数として渡されます。 event:イベント情報 obj:クリックされたオブジェクトの情報
public void setTableId(String tableId)
tableId
- テーブルIDpublic void setWidthEventColumn(String widthEventColumn)
widthEventColumn
- 横幅の動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setHeightEventColumn(String heightEventColumn)
heightEventColumn
- 縦幅の動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setMinEventColumn(String minEventColumn)
minEventColumn
- minの動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setMaxEventColumn(String maxEventColumn)
maxEventColumn
- maxの動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setUseZeroDataOmit(String useZeroOmit)
useZeroOmit
- データが0の場合、使用しないかどうか6.7.7.0 (2017/03/31) useZeroDataOmit属性の追加 |
public void setUseRenderer(String usernd)
usernd
- レンデラーを利用するかどうかJSONのデータのレンデラー変換を行うかどうか。 指定しない場合は使用しない(false)です。
6.7.9.0 (2017/04/28) useRenderer 追加 |
public void setSortColumn(String sortClm)
sortClm
- このカラムでソートし直すquery で検索した結果を、JsChartで利用する場合、チャート上のソート順と、 リストや、別のチャートでの表示準が異なる場合に、このカラムで、ソートしなおします。 通常は、labelColumn と同じ値でソートすることで、X軸の順番に表示されます。
6.8.0.0 (2017/06/02) sortColumn 追加 |
public void setOptionAttributes(String attri)
attri
- オプションの値public String toString()
toString
クラス内 CommonTagSupport
2017/03/28 widthEventColumn,heightEventColumn,minEventColumn,maxEventColumnを追加 |
Webアプリケーションフレームワーク openGionCopyright (c) 2009 The openGion Project.