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) useEqValOmit 【TAG】データが前の値と同じ場合、使用しない(除外する)かどうかを指定します[true:同じデータを除外する](初期値: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 java.lang.String |
CTYPE_BAR
chartType 引数に渡す事の出来る タイプ 棒線 "bar"
|
static java.lang.String |
CTYPE_DOUGHNUT
chartType 引数に渡す事の出来る タイプ ドーナツ "doughnut"
|
static java.lang.String |
CTYPE_HBAR
chartType 引数に渡す事の出来る タイプ 横棒線 "horizontalBar"
|
static java.lang.String |
CTYPE_LINE
chartType 引数に渡す事の出来る タイプ 折れ線 "line"
|
static java.lang.String |
CTYPE_PA
chartType 引数に渡す事の出来る タイプ ポーラエリア "polarArea"
|
static java.lang.String |
CTYPE_PIE
chartType 引数に渡す事の出来る タイプ 円 "pie"
|
static java.lang.String |
CTYPE_RADAR
chartType 引数に渡す事の出来る タイプ レイダー "radar"
|
BR, BUFFER_MIDDLE, CR
コンストラクタと説明 |
---|
JsChartTag() |
修飾子とタイプ | メソッドと説明 |
---|---|
protected void |
addJsChartData(JsChartData jsData)
jsChartData情報をリストに追加します。
|
int |
doEndTag()
Taglibの終了タグが見つかったときに処理する doEndTag() を オーバーライドします。
|
int |
doStartTag()
Taglibの開始タグが見つかった時に処理する doStartTag() を オーバーライドします。
|
protected int |
getJsChartDataSize()
登録済みのjsChartData情報の個数を返します。
|
protected void |
release2()
タグリブオブジェクトをリリースします。
|
void |
setBarWidthPer(java.lang.String barWidthPer)
【TAG】棒線の横幅を指定します(初期値:0.8, typeがbar,horizontalBarの場合に有効)。
|
void |
setChartType(java.lang.String cType)
【TAG】チャートの種類を指定します[line/bar/horizontalBar/radar/polarArea/pie/doughnut](必須)。
|
void |
setHeight(java.lang.String hei)
【TAG】チャートの高さを指定します(初期値:400)。
|
void |
setHeightEventColumn(java.lang.String heightEventColumn)
【TAG】縦幅の動的設定カラムを設定します。
|
void |
setId(java.lang.String id)
【TAG】canvasタグのidを指定します(初期値:hybscanvas)。
|
void |
setLabelColumn(java.lang.String lblclm)
【TAG】ラベルのカラム名を指定します(表示名称)(必須)。
|
void |
setLegendDisplay(java.lang.String legendDisplay)
【TAG】凡例を表示するか[true/false]を指定します。
|
void |
setLegendPosition(java.lang.String legendPosition)
【TAG】凡例の表示位置[top/right/bottom/left]を指定します(初期値:top)。
|
void |
setMax(java.lang.String max)
【TAG】y軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setMaxEventColumn(java.lang.String maxEventColumn)
【TAG】maxの動的設定カラムを設定します。
|
void |
setMin(java.lang.String min)
【TAG】y軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setMinEventColumn(java.lang.String minEventColumn)
【TAG】minの動的設定カラムを設定します。
|
void |
setOnClick(java.lang.String click)
【TAG】チャートクリック時のイベントを指定します。
|
void |
setOptionAttributes(java.lang.String attri)
【TAG】オプション情報を指定します。
|
void |
setSortColumn(java.lang.String sortClm)
【TAG】検索結果をこのカラムでソートし直します(初期値:null)。
|
void |
setStepSize(java.lang.String stepSize)
【TAG】y軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setTableId(java.lang.String tableId)
【TAG】(通常は使いません)sessionから所得する DBTableModelオブジェクトの ID。
|
void |
setTimeLblFormat(java.lang.String timeLblFormat)
【TAG】x軸の表示するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeMax(java.lang.String timeMax)
【TAG】x軸のタイムの最大値を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeMin(java.lang.String timeMin)
【TAG】x軸のタイムの最小値を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeSetFormat(java.lang.String timeSetFormat)
【TAG】x軸の設定するタイムのフォーマットを指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTimeUnit(java.lang.String timeUnit)
【TAG】x軸のタイムの単位[year/quarter/month/week/day/hour/minute/second/millsecond]を指定します。
|
void |
setTimeUnitStepSize(java.lang.String timeUnitStepSize)
【TAG】x軸のタイムの単位幅を指定します(xscaleTypeがtimeの場合に有効)。
|
void |
setTitle(java.lang.String title)
【TAG】タイトルを指定します。
|
void |
setTitlePosition(java.lang.String titlePosition)
【TAG】タイトルの表示位置[top/right/bottom/left]を指定します(初期値:top)。
|
void |
setUseEqValOmit(java.lang.String useEqValOmit)
【TAG】データが前の値と同じ場合、使用しない(除外する)かどうかを指定します[true:同じデータを除外する](初期値:false)。
|
void |
setUseRenderer(java.lang.String usernd)
【TAG】JSON出力で、値出力にレンデラを利用するかどうかを指定します。
|
void |
setUseZeroDataOmit(java.lang.String useZeroOmit)
【TAG】データが0の場合、使用しない(除外する)かどうかを指定します[true:0データを除外する](初期値:false)。
|
void |
setWidth(java.lang.String wid)
【TAG】チャートの幅を指定します(初期値:400)。
|
void |
setWidthEventColumn(java.lang.String widthEventColumn)
【TAG】横幅の動的設定カラムを設定します。
|
void |
setXlabel(java.lang.String xlabel)
【TAG】x軸のラベルを指定します。
|
void |
setXmax(java.lang.String xmax)
【TAG】x軸の最大値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setXmin(java.lang.String xmin)
【TAG】x軸の最小値を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setXscaleCallback(java.lang.String xscaleCallback)
【TAG】x軸コールバックを指定します。
|
void |
setXscaleType(java.lang.String xscaleType)
【TAG】x軸のスケールタイプ[category/time/linear]を指定します(初期値:category)。
|
void |
setXstepSize(java.lang.String xstepSize)
【TAG】x軸のメモリ幅を指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setYcategoryList(java.lang.String ycategoryList)
【TAG】y軸のメモリリストをカンマ区切りで指定します(xscaleTypeがlinearの場合に有効)。
|
void |
setYlabel(java.lang.String ylabel)
【TAG】y軸のラベルを指定します。
|
void |
setYscaleCallback(java.lang.String yscaleCallback)
【TAG】y軸コールバックを指定します。
|
void |
setYscaleType(java.lang.String yscaleType)
【TAG】y軸のスケールタイプ[linear/category]を指定します(初期値:linear)。
|
java.lang.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
public static final java.lang.String CTYPE_LINE
public static final java.lang.String CTYPE_BAR
public static final java.lang.String CTYPE_HBAR
public static final java.lang.String CTYPE_RADAR
public static final java.lang.String CTYPE_PA
public static final java.lang.String CTYPE_PIE
public static final java.lang.String CTYPE_DOUGHNUT
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 追加 |
6.8.3.0 (2017/11/27) useEqValOmit属性の追加 |
public int doStartTag()
doStartTag
インタフェース内 javax.servlet.jsp.tagext.Tag
doStartTag
クラス内 CommonTagSupport
6.7.5.0 (2017/03/10) タグの使用を決める共通属性の追加 |
public int doEndTag()
doEndTag
インタフェース内 javax.servlet.jsp.tagext.Tag
doEndTag
クラス内 CommonTagSupport
6.7.5.0 (2017/03/10) タグの使用を決める共通属性の追加 |
public void setChartType(java.lang.String cType)
cType
- チャートタイプ [line/bar/horizontalBar/radar/polarArea/pie/doughnut]public void setId(java.lang.String id)
setId
クラス内 javax.servlet.jsp.tagext.TagSupport
id
- canvasタグのidcanvasタグのidに設定します。
public void setHeight(java.lang.String hei)
hei
- 設定する高さcanvasタグの高さに設定します。
public void setWidth(java.lang.String wid)
wid
- 設定する横幅canvasタグの横幅を設定します。
public void setLabelColumn(java.lang.String lblclm)
lblclm
- ラベルカラムpublic void setTitle(java.lang.String title)
title
- タイトルpublic void setTitlePosition(java.lang.String titlePosition)
titlePosition
- タイトルの表示位置public void setXlabel(java.lang.String xlabel)
xlabel
- x軸のラベルpublic void setYlabel(java.lang.String ylabel)
ylabel
- y軸のラベルpublic void setLegendPosition(java.lang.String legendPosition)
legendPosition
- 凡例の表示位置public void setLegendDisplay(java.lang.String legendDisplay)
legendDisplay
- 凡例を表示するか [true/false]public void setXscaleCallback(java.lang.String xscaleCallback)
xscaleCallback
- x軸コールバックx軸のメモリ編集用スケールバックを設定します。
public void setYscaleCallback(java.lang.String yscaleCallback)
yscaleCallback
- y軸コールバックy軸のメモリ編集用スケールバックを設定します。
public void setXscaleType(java.lang.String xscaleType)
xscaleType
- x軸のスケールタイプpublic void setYscaleType(java.lang.String yscaleType)
yscaleType
- y軸のスケールタイプpublic void setYcategoryList(java.lang.String ycategoryList)
ycategoryList
- y軸のメモリリストpublic void setXmax(java.lang.String xmax)
xmax
- x軸の最大値public void setXmin(java.lang.String xmin)
xmin
- x軸の最小値public void setXstepSize(java.lang.String xstepSize)
xstepSize
- x軸のメモリ幅public void setBarWidthPer(java.lang.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(java.lang.String timeUnit)
timeUnit
- x軸のタイムの単位(xscaleTypeがtimeの場合に有効。指定しない場合は自動)
public void setTimeUnitStepSize(java.lang.String timeUnitStepSize)
timeUnitStepSize
- x軸のタイムの単位幅public void setTimeSetFormat(java.lang.String timeSetFormat)
timeSetFormat
- x軸の設定するタイムのフォーマットpublic void setTimeLblFormat(java.lang.String timeLblFormat)
timeLblFormat
- x軸の表示するタイムのフォーマットpublic void setTimeMax(java.lang.String timeMax)
timeMax
- x軸のタイムの最大値public void setTimeMin(java.lang.String timeMin)
timeMin
- x軸のタイムの最小値public void setMax(java.lang.String max)
max
- メモリの最大値public void setMin(java.lang.String min)
min
- メモリの最小値public void setStepSize(java.lang.String stepSize)
stepSize
- y軸のメモリ幅public void setOnClick(java.lang.String click)
click
- チャートクリック時のイベントを指定下記の値が引数として渡されます。 event:イベント情報 obj:クリックされたオブジェクトの情報
public void setTableId(java.lang.String tableId)
tableId
- テーブルIDpublic void setWidthEventColumn(java.lang.String widthEventColumn)
widthEventColumn
- 横幅の動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setHeightEventColumn(java.lang.String heightEventColumn)
heightEventColumn
- 縦幅の動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setMinEventColumn(java.lang.String minEventColumn)
minEventColumn
- minの動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setMaxEventColumn(java.lang.String maxEventColumn)
maxEventColumn
- maxの動的設定カラム5.9.19.0 (2017/04/07) 追加 |
public void setUseZeroDataOmit(java.lang.String useZeroOmit)
useZeroOmit
- データが0の場合、使用しないかどうかJSON データを作成して、JsChartに渡しますが、このフラグを true に設定すると 0 または、null(空文字列)のデータを出力しません。 6.8.3.0 (2017/11/27) グラフ系で、0 が、ありえない値として設定されている場合に、使用すると、 出力するデータ量を抑えることが出来ます。
6.7.7.0 (2017/03/31) useZeroDataOmit属性の追加 |
6.8.3.0 (2017/11/27) useZeroDataOmit属性で、nullOmit属性もセットします。 |
public void setUseEqValOmit(java.lang.String useEqValOmit)
useEqValOmit
- データが前の値と同じ場合、使用しないかどうかJSON データを作成して、JsChartに渡しますが、このフラグを true に設定すると データが前の値と同じ場合出力しません。 グラフ系で、データがあまりにも多い場合に、使用することで、出力するデータ量を抑えることが出来ます。
6.8.3.0 (2017/11/27) useEqValOmit属性の追加 |
public void setUseRenderer(java.lang.String usernd)
usernd
- レンデラーを利用するかどうかJSONのデータのレンデラー変換を行うかどうか。 数値部分にはレンデラー変換は行いません。ラベル文字に行います。 指定しない場合は使用しない(false)です。
6.7.9.0 (2017/04/28) useRenderer 追加 |
public void setSortColumn(java.lang.String sortClm)
sortClm
- このカラムでソートし直すquery で検索した結果を、JsChartで利用する場合、チャート上のソート順と、 リストや、別のチャートでの表示準が異なる場合に、このカラムで、ソートしなおします。 通常は、labelColumn と同じ値でソートすることで、X軸の順番に表示されます。
6.8.0.0 (2017/06/02) sortColumn 追加 |
public void setOptionAttributes(java.lang.String attri)
attri
- オプションの値public java.lang.String toString()
toString
クラス内 CommonTagSupport
2017/03/28 widthEventColumn,heightEventColumn,minEventColumn,maxEventColumnを追加 |
Webアプリケーションフレームワーク openGionCopyright (c) 2009 The openGion Project.