Class: Graph

Graph

TAT(Turnaround time)ログ分析用グラフ

Constructor

src/tatLogDiver/tatLogDiver-Graph.js, line 10

new Graph(chartIdName, globalNameopt, configopt)

インスタンス内の定数を設定する。併せて性能対策として頻繁に使うDOM要素を取り込む
Parameters:
  • chartIdName string
    グラフを作成するHTML要素のID
  • globalName string <optional> "HJN.chartD"
    グラフのID
  • config Object <optional>
    グラフの設定
Example
HJN.chart = new HJN(chartName, "HJN.chart"); HJN.chart.init();
         HJN.chartD = new HJN(chartName + "Detail", "HJN.chartD");
         HJN.chartD.init();

Methods

src/tatLogDiver/tatLogDiver-Graph.js, line 137

(static) Graph.DrawCallback()

クラスメソッド:menuのFilterのxy幅指定エリアにグラフのxy幅を設定する
dygraphのdrawCallbackに設定する関数
menuのRadio(F_SYNC)選択時に呼び出す関数(このためにクラスメソッド)
src/tatLogDiver/tatLogDiver-Graph.js, line 1205

(static) Graph#addIcon_ZoomReset()

Zoomリセットアイコンを追加する
src/tatLogDiver/tatLogDiver-Graph.js, line 167

(static) Graph#init()

グラフを初期化する
src/tatLogDiver/tatLogDiver-Graph.js, line 777

(static) Graph#legendFormatter(data) → {string}

dygraphのlegendを編集する(dygraph オプション登録用関数) http://dygraphs.com/options.html#legendFormatter
Parameters:
  • data ETAT
    [[終了時刻(ms), 処理時間(sec), (任意)ログレコード等], ...]
Returns:
  • string
    dygraphのlegendに表示する文字(HTML)
src/tatLogDiver/tatLogDiver-Graph.js, line 1173
メニュー共通機能:BinaryString, UintXXArray, ArrayBuffer をBlobに変換する
Parameters:
  • arrayBuffer Object
    変換元
Returns:
  • Blob
    変換後
src/tatLogDiver/tatLogDiver-Graph.js, line 1190
メニュー共通機能:指定blobをファイルとしてダウンロードする
Parameters:
  • blob Objcet
    ダウンロードさせるblogデータ
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 1106
メニュー機能:plotsでconcが選択されているとき、同時処理に該当するTATログの該当行をCSVファイルとしてダウンロードする
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 1025
メニュー機能:グラフ全データをCSVファイルとしてダウンロードする
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 994
メニュー機能:canvas画像をファイルとしてダウンロードする
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 1047
メニュー機能:グラフ全データの編集元に該当するTATログの該当行をCSVファイルとしてダウンロードする
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 928
メニュー機能:メニューで指定されたフィルタの条件で再描画する
src/tatLogDiver/tatLogDiver-Graph.js, line 942
メニュー機能:フィルタ条件を初期値にし、再描画する
src/tatLogDiver/tatLogDiver-Graph.js, line 852
メニュー機能:JSON形式の画面設定ファイルをロードし画面表示に反映する TODO
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ?
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名 ?
src/tatLogDiver/tatLogDiver-Graph.js, line 817
メニュー機能:CSVデータファイルを開く
Parameters:
  • evt evt
    ファイルオープンイペント
src/tatLogDiver/tatLogDiver-Graph.js, line 832
メニュー機能:画面設定をJSON形式のセーブファイルとしてダウンロードする
Parameters:
  • menuId String
    Chrome, FireFoxのときに使用:ダウンロードファイルの一時作成に使うHTMLタグ
  • fileName String
    ie11以降のときに使用:ダウンロードファイル名
src/tatLogDiver/tatLogDiver-Graph.js, line 951
メニュー機能:シミュレータ 指定JSONでシミュレートする
src/tatLogDiver/tatLogDiver-Graph.js, line 218

(static) Graph#onClickSetVisibility(i)

legendの表示指定をグラフに反映する(onclick呼出用)
Parameters:
  • i index
    seriesSet配列の設定変更するグラフのインデックス
src/tatLogDiver/tatLogDiver-Graph.js, line 229

(static) Graph#resize()

ウィンドウ枠に合わせて描画領域をリサイズする(dygraphは幅は自動、高さは指定)
src/tatLogDiver/tatLogDiver-Graph.js, line 255

(static) Graph#setSeriesSet(tatopt, seriesSetopt)

seriesSetを取り込む
Parameters:
  • tat Obcjet <optional>
    応答時間(Turnaround time)の時系列データ管理クラス
  • seriesSet array <optional>
    tat内の応答時間の時系列データ管理配列
src/tatLogDiver/tatLogDiver-Graph.js, line 724

(static) Graph#showBalloon()

dygraphのBalloonを再描画する
src/tatLogDiver/tatLogDiver-Graph.js, line 278

(static) Graph#update(seriesSet, n)

データを変更し描画する
Parameters:
  • seriesSet seriesSet
    dygraph用時系列データ配列
  • n Integer
    選択されたグラフのseriesSet配列位置