らつおの戯言

EC（電子商）サイトは、
自社商品やサービスを、インターネット上に置いた
独自運営のウェブサイトで販売するサイトのこと。

MENU

• HTML・CSS
• jQuery
• PHP・Smarty
• Office
• V850
• WPF

Java言語

• Java言語入門

JavaScript

• JavaScript入門
• JavaScriptの基礎講座
• JavaScript入門
• カレンダー日付選択
• カレンダーから日付入力
• form要素のサンプル集
• メール送信フォーム
• 数字のみを入力
• 数字のみを入力可能
• Javascriptを使って
• 一番簡単な Javascript

参考サイト

• HTML5事例
• おもしろいWebサイト
• 凄い動きのサイト
• FullCalendarの使い方
• テーブル行が拡大する

jQuery

• jQueryとは
  • JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ。
    MIT License と GNU General Public License のデュアルライセンスであり、フリーかつオープンソース。
    複雑になりがちなJavascriptのコードを書くこと無しに、簡単なコードでJavascriptを実行できるようになる
• jQueryの基本的な形
  • $(function(){$("セレクタ").メソッド(パラメータ)});
  • idセレクタ、クラスセレクタ、子孫セレクタ、グループセレクタ
  • $(function(){$(".h3").css("color","blue")});
• jQueryセレクタ
  • jQuery要素セレクタ
  • jQuery属性セレクタ
  • jQuery CSSセレクタ
• イベントメソッド
  • $(function(){$("A").B(function{$("C").D()});{):
    AをBしたときCをDする。
• エフェクトメソッド
  • $(function(){$("A").click(function{$("C").D()});{):
    AをclickしたときCをDする。

jqPlot Option

• seriesColors
  • 系列の色を配列で順番に指定
• title
  • タイトルのテキスト
  • show:タイトルを表示するか
  • fontFamily:
    タイトルのフォントの種類
  • fontSize:
    タイトルのフォントサイズ
  • textAlign:タイトルのテキストの水平方向の配置位置
    left： 左寄せ
    center： 中央
    left： 右寄せ
    
  • textColor:タイトルのフォントの色
• axes xaxis yaxis
  • min:X/Y軸上の最小値を指定
  • max:X/Y軸上の最大値を指定
  • pad:X/Y軸上の余白を調整
  • ticks:X/Y軸上の目盛りを指定
    指定しない場合は、自動的に計算する
  • tickOptions:目盛りに関するオプション
  • mark:目盛りの位置。初期設定値は、「outside」
    outside：外側
    inside：内側
  • showMark:目盛りを表示するか。 「true」は表示。「false」は非表示。初期設定値は、「true」。
  • showGridline:グリッド線を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • markSize:目盛りのサイズ。 初期設定値は、「4」。
  • show:目盛りと目盛りのラベルを表示するか。 「true」は表示。「false」は非表示。 初期設定値は、「true」。
  • showLabel:目盛りのラベルを表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • formatString:目盛りのラベルの形式を指定。
    %d： 整数
    %f： 少数
    %g： データ値
    %s:文字列
  • showTicks:目盛りと目盛りのラベルを表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • label:
    X/Y軸のラベル。
  • labelOptions: X/Y軸のラベルに関するオプション。
  • fontFamily: X/Y軸のラベルのフォントの種類。
  • fontSize: X/Y軸のラベルのフォントサイズ。
  • renderer: jQuery . jqplot . CategoryAxisRenderer： X/Y軸をカテゴリとして扱う。
• seriesDefaults
  • show
  • 系列を表示するかどうか。「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • color:系列の色。
  • linePattern: 系列の線の種類を指定。初期設定値は、「solid」。
    solid： 実線　dashed： 破線　dotted： 点線
    [ １つ目の破線の長さ, 次の破線までの長さ, ２つ目の破線の長さ, 次の破線までの長さ, ・・・ ]のように、「破線の長さ」と「破線の間隔（次の破線までの距離）」を、交互に配列で指定することもできる。
    ?-.のように、破線と点線を組み合わせることもできる。 -は、dash（破線）、.は、dot（点線）を意味する。
  • lineWilih: 系列の線の太さ。
  • shadow:系列の影を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • shadowAngle:系列の影の角度。 x軸から時計回り。
  • showLine: 系列の線を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • showMarker:系列のマーカーを表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • fill:系列の線の下を塗りつぶすか。 「true」は塗りつぶ。 「false」は塗らない。 初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • fillAndStroke:系列の線を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • fillColor:系列の線の下を塗りつぶす色。
    面グラフ生成時に使うオプション。
  • fillAlpha:系列の線の下を塗りつぶす色の不透明度。
    面グラフ生成時に使うオプション。
  • vfillToZero:系列の線とゼロ（0値）の間を塗りつぶすか。 true」を指定すると、系列の線の下であっても、0以下は塗りつぶさず、値が負の値である場合だけ、0と負の値の間を塗りつぶす。
    初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • renderer:系列の生成編集に使うプラグインを指定。
    jQuery.jqplot.BarRenderer： 棒グラフ
    jQuery.jqplot.BezierCurveRenderer： ベジェ曲線グラフ
    jQuery.jqplot.BlockRenderer： ブロックチャート
    jQuery.jqplot.BubbleRenderer： バブルチャート
    jQuery.jqplot.DonutRenderer： ドーナツグラフ
    jQuery.jqplot.MeterGaugeRenderer： メーターゲージ
    jQuery.jqplot.MekkoRenderer： マリメッコ・チャート
    jQuery.jqplot.OHLCRenderer： いかり足、ローソク足
    jQuery.jqplot.PieRenderer： 円グラフ
    jQuery.jqplot.PyramidRenderer： ピラミッドグラフ
  • rendererOptions:系列の生成編集オプション。
  • barDirection:棒グラフの種類。
    horizontal： 横棒グラフ
  • markerOptions:系列のマーカーに関するオプション。
  • show:系列のマーカーを表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • style:系列のマーカーのスタイル。
    2012/02/11現在、指定できるスタイルは、diamond、circle、square、x、plus、dash、filleliiamond、filledCircle、filledSquareの9つ。
    初期設定値は、「filledCircle」。
  • lineWidth:系列のマーカーの線の太さ。初期設定値は、「2」。
  • size:系列のマーカーの大きさ。 初期設定値は、「9」。
  • color:系列のマーカーの色。 初期設定値は、系列の線の色と同じ。
  • shadow:系列のマーカーの影を表示するか。 「true」は表示。「false」は非表示。 初期設定値は、「true」。
  • shadowAngle:系列のマーカーの影の角度。 x軸から時計回り。 初期設定値は、「45」。
  • shadowOffset:系列のマーカーの影の、線からのオフセット。 初期設定値は、「1」。
  • shadowDepth:初期設定値は、「3」。
  • shadowAlpha:系列のマーカーの影の不透明度。 初期設定値は、「0.07」。
• series
  • 各系列ごとに指定する系列に関するオプション。 １つ目の系列から順に、配列で指定する。
  • show:系列を表示するかどうか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • label:系列のラベル。
  • color:系列の色。
  • linePattern:系列の線の種類を指定。 初期設定値は、「solid」。
    solid： 実線　dashed： 破線　dotted： 点線
    [ １つ目の破線の長さ, 次の破線までの長さ, ２つ目の破線の長さ, 次の破線までの長さ, ・・・ ]のように、「破線の長さ」と「破線の間隔（次の破線までの距離）」を、交互に配列で指定することもできる。
    -.のように、破線と点線を組み合わせることもできる。
    -は、dash（破線）
    .は、dot（点線）を意味する。
  • lineWidth:系列の線の太さ。
  • shadow:系列の影を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • shadowAngle:系列の影の角度。 x軸から時計回り。
  • showLine:系列の線を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • showMarker:系列のマーカーを表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「true」。
  • fill:系列の線の下を塗りつぶすか。 「true」は塗りつぶ。 「false」は塗らない。 初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • fillAndStroke:系列の線を表示するか。 「true」は表示。 「false」は非表示。 初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • fillColor:系列の線の下を塗りつぶす色。
    面グラフ生成時に使うオプション。
  • fillAlpha:系列の線の下を塗りつぶす色の不透明度。
    面グラフ生成時に使うオプション。
  • fillToZero:系列の線とゼロ（0値）の間を塗りつぶすか。 「true」を指定すると、系列の線の下であっても、0以下は塗りつぶさず、値が負の値である場合だけ、0と負の値の間を塗りつぶす。 初期設定値は、「false」。
    面グラフ生成時に使うオプション。
  • renderer:系列の生成編集に使うプラグインを指定。
    jQuery.jqplot.BarRenderer： 棒グラフ
    jQuery.jqplot.BubbleRenderer： バブルチャート
    jQuery.jqplot.BlockRenderer： ブロックチャート
    jQuery.jqplot.MekkoRenderer： マリメッコ・チャート
    jQuery.jqplot.BezierCurveRenderer： ベジェ曲線グラフ
    jQuery.jqplot.PieRenderer： 円グラフ
    jQuery.jqplot.DonutRenderer： ドーナツグラフ
    jQuery.jqplot.MeterGaugeRenderer： メーターゲージ
  • rendererOptions:系列の生成編集オプション。
  • barDirection:棒グラフの種類。
    horizontal： 横棒グラフ
  • markerOptions:系列のマーカーに関するオプション。
  • show:系列のマーカーを表示するか。 「true」は表示。 「false」は非表示。初期設定値は、「true」。
  • style:系列のマーカーのスタイル。
    2012/02/11現在、指定できるスタイルは、diamond、circle、square、x、plus、dash、filledDiamond、filledCircle、filledSquareの9つ。
    初期設定値は、「filledCircle」。
  • lineWidth:系列のマーカーの線の太さ。 初期設定値は、「2」。
  • size:系列のマーカーの大きさ。初期設定値は、「9」。
  • color:系列のマーカーの色。初期設定値は、系列の線の色と同じ。
  • shadow:系列のマーカーの影を表示するか。 「true」は表示。 「false」は非表示。初期設定値は、「true」。
  • shadowAngle:系列のマーカーの影の角度。x軸から時計回り。 初期設定値は、「45」。
  • shadowOffset:系列のマーカーの影の、線からのオフセット。 初期設定値は、「1」。
  • shadowDepth:初期設定値は、「3」。
  • shadowAlpha:系列のマーカーの影の不透明度。 初期設定値は、「0.07」。
• legend
  • 凡例に関するオプション。
  • show:凡例を表示するか。「true」は表示。 「false」は非表示。初期設定値は、「false」。
  • placement:凡例を配置する位置。
    insideGrid： グリッド領域内
    outsideGrid： グリッド領域外
    outside： グラフの外側
  • location:凡例を配置する位置（方角）。
    nw： 左上　 n： 上　ne： 右上　 e： 右
    se： 右下　 s： 下　sw： 左下　 w： 左
  • xoffset:X軸またはX2軸から、凡例ボックスまでの、距離。
  • yoffset:Y軸またはY2軸から、凡例ボックスまでの、距離。
  • 凡例のフォント設定（cssに追加） .jqplot-table-legend-label { font-size: 30px; font-family: }
• stackSeries
  • 系列を積み上げ方式にするか。 「true」にすると積み上げ方式。 初期設定値は「false」。
• renderer
  • 折れ線グラフ
    • renderer: jQuery.jqplot.DateAxisRenderer,
  • 棒グラフ
    • renderer: jQuery.jqplot.BarRenderer,
  • ベジェ曲線グラフ
    • renderer: jQuery.jqplot.BezierCurveRenderer,
  • ブロックチャート
    • renderer: jQuery.jqplot.BlockRenderer,
  • バブルチャー
    • renderer: jQuery.jqplot.BubbleRenderer,
  • ドーナツグラフ
    • renderer: jQuery.jqplot.DonutRenderer,
  • メーターゲージ
    • renderer: jQuery.jqplot.MeterGaugeRenderer,
  • 円グラフ
    • renderer: jQuery.jqplot.PieRenderer,

JavaScriput

• フォームメール
  • Form Mail

• jQuery関連サイト

  • jquery 入門
  • jquery 入門
  • jquery 入門
  • jquery速習講座
  • jquery 講座
  • JSON形式変換
  • アコーディオンmenu1
  • アコーディオンmenu2
  • アコーディオンmenu3
  • jquery api
  • jQueryライブラリ
  • csv2table
  • csv2table source
  • 簡単で効果的なAjax
  • Ajaxで駆動するWeb
  • スライドショー
  • DataTables
  • jQueryで（n）番目
  • iframe内頭出し
  • 固定ナビゲーション
  • ヘッダーとmenu固定
  • autoKana.jsプラグイン
  • select タグを生成する

jqPlot関連サイト

• jqPlot
• グラフ「jqPlot」
• グラフ描画ライブラリ
• jqPlotオプション
• 折れ線グラフ系列色
• jqPlot カスタマイズ

• ｜  sitemap
•  ｜  Plala ｜
•  ｜  goo ｜
•  ｜  NTT ｜

Copyright(C)2008 NTT Plala Inc. All rights reserved..