jqplot.dateAxisRenderer.js

投稿日: 2012年3月27日 作成者: alphasis

jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.dateAxisRenderer.js」もしくは「jqplot.dateAxisRenderer.min.js」は、年月日や時刻など、軸を時間軸として扱う際に読み込む必要があるjavascriptファイルだ。

「jqplot.dateAxisRenderer.min.js」は、「jqplot.dateAxisRenderer.js」の圧縮版で、機能に違いはない。

導入

「jqplot.dateAxisRenderer.js」もしくは「jqplot.dateAxisRenderer.min.js」は、jqPlotの「plugins」フォルダに入っている。

読み込み

パスは、アップロードした場所を指定する。

<script language="javascript" type="text/javascript" src="plugins/jqplot.dateAxisRenderer.min.js"></script>

もちろん、「jquery-1.7.1.min.js」や「jquery.jqplot.min.js」なども読み込む必要がある。

実装例（サンプル）

実装例（サンプル）について

実装例（サンプル）のソースコードについては、こちら。

オプション

dateAxisRendererに関するオプション。

axes

軸に関するオプション。

xaxis

X軸に関するオプション。

renderer

jQuery . jqplot . DateAxisRenderer： X軸を時間軸として扱う。

tickOptions

目盛りラベルに関するオプション。

formatString

目盛りのラベルの形式を指定。

コード 出力例 概要
年
%Y 2012 ４桁
%y 08 2桁
月
%m 09 2桁
%#m 9 1桁、もしくは、2桁
%B September 月名
%b Sep 月の省略名
日
%d 05 2桁
%#d 5 1桁、もしくは、2桁
%e 5 1桁、もしくは、2桁
%A Sunday 曜日名
%a Sun 曜日の省略名
%w 0 曜日の番号
（0 = Sunday, 6 = Saturday）
%o th
時
%H 23 24時間形式の時間（2桁）
%#H 3 24時間の整数形式の時間
（1桁または2桁）
%I 11 12時間形式の時間（2桁）
%#I 3 12時間の整数形式の時間
（1桁または2桁）
%p PM AM or PM
分
%M 09 2桁
%#M 9 1桁、もしくは、2桁
秒
%S 02 2桁
%#S 2 1桁、もしくは、2桁
%s 1206567625723 UNIX時間
（1970-01-01 00:00:00からの経過秒数）
ミリ秒
%N 008 3桁
%#N 8 1桁、2桁、3桁
タイムゾーン
%O 360 ローカルタイムとGMTの差（分単位）
%Z Mountain Standard Time ブラウザから受け取ったタイムゾーン名
%G -06:00 ローカルタイムとGMTの差（時間と分）
ショートカット
%F 2012-03-26 %Y-%m-%d
%T 05:06:30 %H:%M:%S
%X 05:06:30 %H:%M:%S
%x 03/26/08 %m/%d/%y
%D 03/26/08 %m/%d/%y
%#c Wed Mar 26 15:31:00 2012 %a %b %e %H:%M:%S %Y
%v 3-Sep-2012 %e-%b-%Y
%R 15:31 %H:%M
%r 3:31:00 PM %I:%M:%S %p
特殊文字
%n \n 改行
%t \t タブ
%% % パーセント記号

実装例（サンプル）一覧

「jqplot.dateAxisRenderer.js」もしくは「jqplot.dateAxisRenderer.min.js」の実装例（サンプル）一覧。

スポンサード リンク

カテゴリー: dateAxisRenderer, JavaScript, jqPlot, jQuery, プラグイン パーマリンク