2014年11月

iPhone(iPad)とアンドロイドとWindows Phone etc ( 2013 と 2014)  比較 =表とグラフ=

世界で異質な市場(日本)?
/////

/////

/////

//////
/////

 
///// 

///// 

///// 
携帯電話・スマートホンのシェア (2012 と 2013)[国内]

///// 

/////  携帯電話 シェア(2012  と 2013)
/////
//////

//////

携帯電話世界シェア 円グラフ  世界 (2007年 と 2013年)
携帯電話世界シェア 円グラフ

携帯電話世界シェア 円グラフ  国内 (2013年)
国内 携帯電話シェア 2013

2010年頃の予想 (世界)(今は、どうかな?)
携帯電話OS シェア

 2007年 以前の主な携帯電話シェア
 2007年 以前の主な携帯電話シェア


スマートホン市場 推移(国内と世界) (2009年 頃 発表 今は?)
スマートホン市場 推移(国内)

 スマートホン市場 推移(世界)

jqPlot 折線グラフ サンプル


//////
元の表現(データを追加)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta  name="viewport" content="width=device-width, initial-scale=1.0">
<title>jqPlot 折線グラフ サンプル </title>
<!--[if lt IE 9]>
<link                                                 rel="stylesheet" type="text/css" href="/lab/css/ie.css"/><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<link  rel="stylesheet" type="text/css" href="/lab/css/bootstrap.css"><link  rel="stylesheet" type="text/css" href="/lab/css/bootstrap-responsive.css"><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js"></script><link  rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.css"><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/excanvas.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/plugins/jqplot.dateAxisRenderer.min.js"></script><div  class="navbar navbar-inverse navbar-fixed-top"><div  class="navbar-inner"><div  class="container"><div  style="height: 0px;" class="nav-collapse collapse">
</div>
</div>
</div>
</div>


<hr>
<div  class="container">
<hr>

<div  id="div998"></div>

<script type="text/javascript">
$(document).ready(function(){

  // オプション
  options = {
    // グラフのタイトル
    title:{text:'日経平均株価 推移'},
    axes:{                                 // 軸
      // 横軸(x軸)
      xaxis:{
        renderer:$.jqplot.DateAxisRenderer,// プラグイン
        min: '2011-01-01',                 // 軸開始の値
        max: '2014-11-01',                 // 軸終了の値
        tickInterval:'3 months',           // 目盛りの間隔
        tickOptions:{formatString:'%Y/%m'},// 表示フォーマット
        label:'month',                     // ラベル
      },
      // 縦軸(y軸)
      yaxis:{                              
        label:'日経平均株価(円)',          // ラベル
      }
    }
  }

  // 表示データ
  data = [[
    ['2011/01/01',10237.92],['2011/02/01',10624.09],
    ['2011/03/01',9755.10],['2011/04/01',9849.74],
    ['2011/05/01',9693.73],['2011/06/01',9816.09],
    ['2011/07/01',9833.03],['2011/08/01',8955.20],
    ['2011/09/01',8700.29],['2011/10/01',8988.39],
    ['2011/11/01',8434.61],['2011/12/01',8455.35],
    ['2012/01/01',8802.51],['2012/02/01',9723.24],
    ['2012/03/01',10083.56],['2012/04/01',9520.89],
    ['2012/05/01',8542.73],['2012/06/01',9006.78],
    ['2012/07/01',8695.06],['2012/08/01',8839.91],
    ['2012/09/01',8870.16],['2012/10/01',8928.29],
    ['2012/11/01',9446.01],['2012/12/01',10395.18],
    ['2013/01/01',11138.66],['2013/02/01',11559.36],

    ['2013/03/01',],['2013/04/01',],
    ['2013/05/01',],['2013/06/01',],
    ['2013/07/01',],['2013/08/01',],
    ['2013/09/01',],['2013/10/01',],
    ['2013/11/01',],['2013/12/01',],

    ['2014/01/01',],['2014/02/01',],
    ['2014/03/01',],['2014/04/01',],
    ['2014/05/01',],['2014/06/01',],
    ['2014/07/01',],['2014/08/01',],
    ['2014/09/01',15476.60],['2014/10/01',16082.25],
    ['2014/11/01',16413.76],['2014/12/01',],

    ['2015/01/01',],['2015/02/01',]
  ]]

  $.jqplot(
    'div998',  // グラフ表示する#div
    data,      // 表示データ
    options    // オプション
  );
  });
</script>
</div>
<hr>
<div  class="container" id="ads">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</div> 
///// 
jqPlot - Legend(凡例) オプション 

2つの折れ線グラフ

jqPlot - Legend(凡例) オプション



/////

http://alphasis.info/jquery-plugins/jqplot/line-charts/

jQuery の jqPlot プラグインで作る線グラフ

線グラフ
jQuery の jqPlot プラグインで作る線グラフ。
jQuery の jqPlot プラグインで作るシンプルな折れ線グラフ
jQueryのjqPlotプラグインで、シンプルな折れ線グラフを、簡単に描く方法。
jQuery の jqPlot プラグインで作るタイトル付き折れ線グラフ
jQueryのjqPlotプラグインのtitleオプションを使えば、タイトル付き折れ線グラフを、簡単に描くことができる。
jQuery の jqPlot プラグインで作る軸ラベル付き折れ線グラフ
jQueryのjqPlotプラグインのlabelオプションを使えば、X軸とY軸にラベルを表示する折れ線グラフを描くことができる。
jQuery の jqPlot プラグインによるグラフの軸ラベルのフォントを指定
jQueryのjqPlotプラグインのlabelOptions内のfontFamilyオプションやfontSizeオプションは、軸ラベルのフォントの種類やサイズを指定することができる。
jQuery の jqPlot において、X軸をカテゴリとして扱う
jQueryのjqPlotプラグインで作るグラフにおいて、X軸をカテゴリ(区分)として扱い、X軸のグリッドを、カテゴリ区切り線として表示させる方法。
jQuery の jqPlot プラグインで作る複数系列の折れ線グラフ
jQueryのjqPlotプラグインで、複数系列の折れ線グラフを描く方法。
jQuery の jqPlot で作る外側右上の凡例付き複数系列の折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフの外側の右上に凡例を表示する方法。
jQuery の jqPlot で作るグリッド右上の凡例付き複数系列の折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフのグリッドの右上に凡例を表示する方法。
jQuery の jqPlot で作る内側右下の凡例付き複数系列の折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフの内側の右下に凡例を表示する方法。
jQuery の jqPlot で作るグリッド左の凡例付き複数系列の折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフのグリッドの左中央に凡例を表示する方法。
jQuery の jqPlot で作るグラフのタイトルをカスタマイズ
jQueryのjqPlotプラグインのtitleオプションには、フォントの種類、サイズ、色、配置を指定するプロパティが存在する。
jQuery の jqPlot の折れ線グラフのマーカースタイルをまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカースタイルを、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのstyleプロパティで、まとめてマーカースタイルを指定することができる。
jQuery の jqPlot の折れ線グラフのマーカースタイルを系列ごとに変更
jQueryのjqPlotプラグインで作る折れ線グラフのマーカースタイルを系列ごとに変更する方法。seriesオプション内の、markerOptionsのstyleプロパティで、系列ごとにマーカースタイルを指定することができる。
jQuery の jqPlot の折れ線グラフの線の太さをまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の太さを、まとめて変更する方法。seriesDefaultsオプション内の、lineWidthプロパティで、まとめて線の太さを指定することができる。
jQuery の jqPlot の折れ線グラフの線の太さを系列ごとに変更
jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の太さを、系列ごとに変更する方法。seriesオプション内の、lineWidthプロパティで、系列ごとに線の太さを指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーの表示/非表示をまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーの表示/非表示を、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのshowプロパティで、マーカーの表示/非表示を指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーの表示/非表示を系列ごとに指定
jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーの表示/非表示を、系列ごとに変更する方法。seriesオプション内の、markerOptionsのshowプロパティで、マーカーの表示/非表示を指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーのサイズをまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーのサイズを、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのsizeプロパティで、マーカーのサイズを指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーのサイズを系列ごとに指定
jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーのサイズを、系列ごとに変更する方法。seriesオプション内の、markerOptionsのsizeプロパティで、マーカーのサイズを指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーの色をまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーの色を、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのcolorプロパティで、マーカーの色を指定することができる。
jQuery の jqPlot の折れ線グラフのマーカーの色を系列ごとに指定
jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーの色を、系列ごとに変更する方法。seriesオプション内の、markerOptionsのcolorプロパティで、マーカーの色を指定することができる。
jQuery の jqPlot の折れ線グラフの線とマーカーの色を配列で変更
jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線とマーカーの色を、配列で変更する方法。seriesColorsオプションで、系列の線とマーカーの色を指定することができる。同じ系列の線とマーカーは、同色となる。
jQuery の jqPlot の折れ線グラフの線の表示/非表示をまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の表示/非表示を、まとめて変更する方法。seriesDefaultsオプション内の、showLineプロパティで、線の表示/非表示を指定することができる。
jQuery の jqPlot の折れ線グラフの線の表示/非表示を系列ごとに変更
jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の表示/非表示を、系列ごとに変更する方法。seriesオプション内の、showLineプロパティで、線の表示/非表示を指定することができる。
jQuery の jqPlot の折れ線グラフの系列の色をまとめて変更
jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の色を、まとめて変更する方法。seriesDefaultsオプション内の、colorプロパティで、線の色を指定することができる。
jQuery の jqPlot の折れ線グラフの系列の色を系列ごとに変更
jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の色を、系列ごとに変更する方法。seriesオプション内の、colorプロパティで、線の色を指定することができる。
jQuery の jqPlot プラグインで作る積み上げ折れ線グラフ
jQueryのjqPlotプラグインで作る積み上げ折れ線グラフを作る方法。stackSeriesオプションで、積み上げグラフにするか指定できる。「true」にすると積み上げグラフになる。
jQuery の jqPlot の折れ線グラフにおいてY軸の最小値と最大値を指定
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、y軸の最小値と最大値を指定する方法。axesオプションのyaxisのminプロパティとmaxプロパティで指定する。minプロパティが、最小値となり、maxプロパティが、最大値となる。
jQuery の jqPlot プラグインで作る科目別得点推移の折れ線グラフ
jQueryのjqPlotプラグインで、科目別得点推移の折れ線グラフを描くチュートリアル。
jQuery の jqPlot で作るデータポイントラベル付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルを表示させる方法。
jQuery の jqPlot の線グラフのポイントとラベルの縦パディングを調整
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントとラベルの間の垂直方向のパディングを調整する方法。
jQuery の jqPlot の折れ線グラフで、データポイントラベルを左に表示
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルを、左に表示させる方法。
jQuery の jqPlot の線グラフのポイントとラベルの横パディングを調整
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントとラベルの間の水平方向のパディングを調整する方法。水平方向のパディングは、seriesDefaultsオプション内のpointLabelsのxpaddingプロパティで調整できる。
jQuery の jqPlot の折れ線グラフのデータポイントラベルのテキストを調整
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、「95点」や「¥1,050」のように、データポイントラベルのテキスト形式を調整する方法。
jQuery の jqPlot で作るHTML形式データポイントラベル付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルの指定に、HTMLを使えるようにする方法。
jQuery の jqPlot の折れ線グラフのデータポイントラベルを予め指定①
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルに、予め指定した文字列を表示させる。系列データに、データポイントラベルを追加する方法。
jQuery の jqPlot の折れ線グラフのデータポイントラベルを予め指定②
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルに、予め指定した文字列を表示させる。seriesオプション内のpointLabelsのlabelsプロパティを使う方法。
jQuery の jqPlot で作る折れ線グラフのY軸上の目盛りを指定
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、Y軸上の目盛りを指定する方法。
jQuery の jqPlot で作る折れ線グラフのY軸上の目盛りをカスタマイズ
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、Y軸上の目盛りや、グリッド線、目盛りラベルを、カスタマイズする方法。
jQuery の jqPlot プラグインで作る滑らかな線の線グラフ
jQueryのjqPlotプラグインで、滑らかな線の線グラフを作る方法。
jQuery の jqPlot プラグインで作る負の値を含む滑らかな線の線グラフ
jQueryのjqPlotプラグインで、負の値を含む滑らかな線の線グラフを作る方法。
jQuery の jqPlot プラグインで作る破線の線グラフ
jQueryのjqPlotプラグインで、破線の線グラフを作る方法。
jQuery の jqPlot プラグインで作る滑らかな破線の線グラフ
jQueryのjqPlotプラグインで、滑らかな破線の線グラフを作る方法。
jQuery の jqPlot プラグインで作る点線の線グラフ
jQueryのjqPlotプラグインで、点線の線グラフを作る方法。
jQuery の jqPlot プラグインで作る滑らかな点線の線グラフ
jQueryのjqPlotプラグインで、滑らかな点線の線グラフを作る方法。
jQuery の jqPlot で作る破線の線グラフの破線の長さと間隔を指定
jQueryのjqPlotプラグインで作る破線の線グラフにおいて、破線の長さと間隔を指定する方法。
jQuery の jqPlot で作る点線と破線を組み合わせた線グラフ
jQueryのjqPlotプラグインで、点線と破線を組み合わせた線グラフを作る方法。
jQuery の jqPlot の折れ線グラフにおいて系列の線と線の間を塗る
jQueryのjqPlotプラグインでを作る複数系列の線グラフにおいて、指定した2つの系列の線と線の間を塗りつぶす方法。
jQuery の jqPlot の折れ線グラフに実線や破線の水平線を描き加える
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線や破線の水平線を描き加える方法。
jQuery の jqPlot の折れ線グラフの水平の実線をカスタマイズ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線の水平線を描き加え、その水平線をカスタマイズする方法。
jQuery の jqPlot の折れ線グラフの水平の破線をカスタマイズ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の破線を描き加え、その水平の破線をカスタマイズする方法。
jQuery の jqPlot の線グラフに加える水平の実線の始点と終点を指定
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の実線を描き加え、その水平の実線の始点と終点を、Xの値の最小値と最大値で指定する方法。
jQuery の jqPlot の線グラフに加える水平の破線の始点と終点を指定
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の破線を描き加え、その水平の破線の始点と終点を、Xの値の最小値と最大値で指定する方法。
jQuery の jqPlot の線グラフに加えた水平線を、ボタン操作で移動
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線と破線の水平線を描き加え、その水平線をボタン操作で移動させる方法。
jQuery の jqPlot プラグインで作るX軸が時間軸である折れ線グラフ
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフを作る方法。
jQuery の jqPlot で作るカスタマイズした時間軸の折れ線グラフ
jQueryのjqPlotプラグインで作る、X軸が時間軸である折れ線グラフにおいて、時間軸の目盛りラベルのフォーマットや目盛りの間隔などをカスタマイズする方法。
jQuery の jqPlot で作る折れ線グラフの目盛りラベルの角度を調整
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、目盛りラベルの角度を調整する方法。
jQuery の jqPlot プラグインで作る、折れ線と縦棒を併用したグラフ
jQueryのjqPlotプラグインで、折れ線グラフと縦棒グラフを、ひとつのグラフの中で、同時に出現させる方法。
jQuery の jqPlot で作る折れ線グラフの折れ線をアニメーションで出現
jQueryのjqPlotプラグインで作る折れ線グラフにおいて、折れ線をアニメーションで出現させる方法。
jQuery の jqPlot プラグインで作るベジェ曲線グラフ①
jQueryのjqPlotプラグインで、ベジェ曲線グラフを描く方法。
jQuery の jqPlot プラグインで作るベジェ曲線グラフ②
jQueryのjqPlotプラグインで、ベジェ曲線グラフを描く方法②。
jQuery の jqPlot プラグインで作るトレンドライン付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフに、トレンドラインを描き加える方法。
jQuery の jqPlot で作る色を指定したトレンドライン付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフに、色を指定したトレンドラインを描き加える方法。
jQuery の jqPlot で作る複数系列のトレンドライン付き折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフに、トレンドラインを描き加える方法。
jQuery の jqPlot で作る色指定トレンドライン付きの複数系列折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の折れ線グラフに、色を指定したトレンドラインを描き加える方法。
jQuery の jqPlot で作るトレンドラインのラベルを含む凡例付き折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、トレンドラインのラベルも凡例内に表示する方法。
jQuery の jqPlot で作る線の幅を指定したトレンドライン付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフに、線の幅(太さ)を指定したトレンドラインを描き加える方法。
jQuery の jqPlot で作る、影なしトレンドライン付き折れ線グラフ
jQueryのjqPlotプラグインで作る折れ線グラフに、影のないトレンドラインを描き加える方法。
jQuery の jqPlot で作る、ドラッグでポイントを移動できる折れ線グラフ
jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにする方法。
jQuery の jqPlot で作るトレンドライン付きドラッグ移動可能折れ線グラフ
jQueryのjqPlotプラグインで作る、トレンドライン付き折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにする方法。
jQuery の jqPlot で作る、ポイントをY軸方向だけ移動できる折れ線グラフ
jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで、Y軸(縦)方向だけ移動できるようにする方法。
jQuery の jqPlot で作る折れ線グラフのドラッグ中のポイントの色を指定
jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにし、ドラッグ移動中のポイントの色を指定する方法。
jQuery の jqPlot で作るツールチップ風ハイライト表示付き折れ線グラフ
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフを描く方法。
jQuery の jqPlot で作るフェード無効ハイライト表示付き折れ線グラフ
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、表示/非表示の切り替えのフェードイン/フェードアウトを無効にする方法。
jQuery の jqPlot で作るフェード速度を指定したハイライト付き折れ線グラフ
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、フェードイン/フェードアウトの速度を指定する方法。
jQuery の jqPlot で作る線グラフのハイライトのツールチップ表示位置を調整
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、ハイライトからツールチップのピクセル単位のオフセット値を指定する方法。
jQuery の jqPlot で作るXY値のツールチップ風ハイライト付き折れ線グラフ
jQueryのjqPlotプラグインで作るツールチップ風ハイライト表示付き折れ線グラフにおいて、ツールチップに表示する値を指定する方法。
jQuery の jqPlot で作る折れ線グラフでハイライトした系列を前面に移動
jQueryのjqPlotプラグインで作るツールチップ風ハイライト表示付き折れ線グラフにおいて、ハイライト表示した系列を、他の系列よりも前面に移動する方法。
jQuery の jqPlot で作るマーカー非表示のハイライト付き折れ線グラフ
jQueryのjqPlotプラグインで作る、ツールチップ風ハイライト表示付き折れ線グラフにおいて、ハイライトのマーカーを表示しない方法。
jQuery の jqPlot で作る折れ線グラフのハイライトのサイズ調整
jQueryのjqPlotプラグインで作るツールチップ風ハイライト表示付き折れ線グラフにおいて、ハイライトのサイズを調整する方法。
jQuery の jqPlot で作る複数系列の折れ線グラフの凡例の行数を指定
jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例の行数を指定する方法。
jQuery の jqPlot で作る折れ線グラフの系列の表示/非表示切替
jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例内の系列ラベル名をクリックすることで、各系列の表示/非表示を切り替える方法。
jQuery の jqPlot で作る折れ線グラフの系列をフェードイン/フェードアウト
jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例内の系列ラベル名をクリックすると、早めの速度のフェードイン/フェードアウトで、各系列の表示/非表示を切り替える方法。
jQuery UI と jqPlot で作るサイズを変更できる折れ線グラフ
jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、jQuery UIのResizableを併用し、ドラッグ&ドロップで、サイズを変更できるようにする方法。
jQuery の jqPlot プラグインで作るズーム機能付き折れ線グラフ
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)で選択した範囲を、ズーム(拡大)できるようにする方法。
jQuery の jqPlot プラグインで作るツールチップ機能付き折れ線グラフ
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)の位置のXとYの値を示すツールチップを表示する方法。
jQuery の jqPlot プラグインで作るツールチップ機能付き折れ線グラフ 2
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)の位置のXとYの値を示すツールチップを、マウスカーソル(マウスポインタ)の位置の近くに表示する方法。
jQuery の jqPlot プラグインで作るX軸だけズームできる折れ線グラフ
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)で選択した範囲のX軸(水平)方向だけ、ズーム(拡大)できるようにする方法。
jQuery の jqPlot プラグインで作るグラフの外までズームできる折れ線グラフ
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)で選択した範囲が、グラフの外側であっても、ズーム(拡大)できるようにする方法。
jQuery の jqPlot の折れ線グラフで、カーソル位置に垂直線と水平線を表示
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)の位置に垂直線と水平線を表示する方法。
jQuery の jqPlot プラグインで作るグラフの外までズームできる折れ線グラフ 2
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル(マウスポインタ)で選択した範囲が、グラフの外側であっても、ズーム(拡大)できるようにし、グラフの外側選択時でもツールチップも表示させる方法。
jQuery の jqPlot の折れ線グラフで、コントロール用グラフで拡大範囲を指定
jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、コントロール用のグラフからマウスカーソル(マウスポインタ)で選択した範囲の期間を、ターゲット用のグラフ全体にズーム(拡大)表示できるようにする方法。
/////



 

株価 「日経平均とダウ平均」 推移(jQuery jqPlot  複数(折れ線)グラフ サンプル) : jqPlot 複数Y軸 サンプル

月末の終値をグラフにしただけ  (2014 や 2015  ,2016・・は,どうなる?) 


/////
株価 「日経平均とダウ平均」 推移(jQuery jqPlot  複数(折れ線)グラフ サンプル)


<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta  content="width=device-width, initial-scale=1.0" name="viewport">
<title>
:
jqPlot 複数Y軸 サンプル </title>
<!--[if lt IE 9]>
<link          rel="stylesheet" type="text/css" href="/lab/css/ie.css"/><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<link  href="/lab/css/bootstrap.css" type="text/css" rel="stylesheet"><link  href="/lab/css/bootstrap-responsive.css" type="text/css" rel="stylesheet"><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js"></script><link  href="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.css" type="text/css" rel="stylesheet"><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/excanvas.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/plugins/jqplot.dateAxisRenderer.min.js"></script>


<hr>
<div  class="container">
<hr>

<p>月末の終値をグラフにしただけ  (2014 や 2015 &nbsp;,2016・・は,どうなる?)&nbsp;</p>
<div  id="chart10"></div>



<script type="text/javascript">
$(document).ready(function(){
  data10_1 = [11138.66,11559.36,12397.91,13860.86,13774.54]
  data10_2 = [13860.58,14054.49,14578.54,14839.80,15115.57]

  $option = {
    legend: { show:true},
    title: '日経平均とダウ平均の相関',
    series:[
      { label: '日経平均', yaxis: 'yaxis'},
      { label: 'ダウ平均', yaxis: 'y2axis'},
    ],

    axes:{
      xaxis:{
//        renderer: $.jqplot.DateAxisRenderer,
        label: '2013年',
//        tickInterval: '1',
//        min: '2013-01-01',                 // 軸開始の値
//        max: '2013-05-01',                 // 軸終了の値
//      ticks: xticks,
//      ticks: 1,
//        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
      },
      yaxis:{
        label: '日経平均',
//        min: 0,
//        max: 13000,
        autoscale: true,
//      ticks:yticks,
        tickOptions: {formatString:'%d'},
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
      },
      y2axis:{
        label: 'ダウ平均',
        autoscale: true,
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
      },
    }




  }
  plot10 = $.jqplot ( 'chart10', [data10_1,data10_2], $option);

  window.onresize = function(event) {
    plot10.replot();
  }
});
</script>



</div>
<hr>


<div  id="ads" class="container">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></div> 
///// 
「jqPlot」 カスタマイズ

折れ線グラフ 2つ(別々)

2つ折れ線のグラフ

2つ折れ線のグラフ(ポップつき)
///// 
折れ線だけでない「棒グラフ(縦・横)」もある
///// 

http://alphasis.info/jquery-plugins/jqplot/vertical-bar-charts/


縦棒グラフ
jQuery の jqPlot プラグインで作る縦棒グラフ。
jQuery の jqPlot プラグインで作るシンプルな縦棒グラフ
jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使えば、縦棒グラフを描くことができる。
jQuery の jqPlot プラグインで作る複数系列の縦棒グラフ
jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使えば、縦棒グラフを描くことができる。複数の系列データの配列を用意すれば、複数系列の縦棒グラフも描ける。
jQuery の jqPlot で作る外側右の凡例付き複数系列の縦棒グラフ
jQueryのjqPlotプラグインで作る複数系列の縦棒グラフにおいて、グラフの外側の右中央に凡例を表示する方法。
jQuery の jqPlot で作る内側上の横並び凡例付き縦棒グラフ
jQueryのjqPlotプラグインで作る複数系列の縦棒グラフにおいて、グラフの内側の上中央に、系列ラベルを横に並べた凡例を表示する方法。
jQuery の jqPlot プラグインで作る積み上げ縦棒グラフ
jQueryのjqPlotプラグインで作る積み上げ縦棒グラフを作る方法。stackSeriesオプションで、積み上げグラフにするか指定できる。「true」にすると積み上げグラフになる。
jQuery の jqPlot プラグインで作る縦棒グラフの系列の色を変更
jQueryのjqPlotプラグインで作る縦棒グラフの系列の色を変更する方法。seriesオプション内の、colorプロパティで、系列の色を、系列ごとに指定することができる。
jQuery の jqPlot で作る積み上げ縦棒グラフの系列の色を変更
jQueryのjqPlotプラグインで作る積み上げ縦棒グラフの系列の色を変更する方法。seriesオプション内の、colorプロパティで、系列の色を、系列ごとに指定することができる。
jQuery の jqPlot プラグインで作る科目別得点推移の縦棒グラフ
jQueryのjqPlotプラグインで、科目別得点推移の縦棒グラフを描くチュートリアル。
jQuery の jqPlot で作る科目別得点推移の積み上げ縦棒グラフ
jQueryのjqPlotプラグインで、科目別得点推移の積み上げ縦棒グラフを描くチュートリアル。
jQuery の jqPlot プラグインで作るデータポイントラベル付き縦棒グラフ
jQueryのjqPlotプラグインで、データポイントラベル付き縦棒グラフを描く方法。
jQuery の jqPlot の縦棒グラフで、値が0のデータポイントラベルを非表示に
jQueryのjqPlotプラグインによる、データポイントラベル付き縦棒グラフにおいて、値が「0」のデータポイントラベルを表示させない方法。
jQuery の jqPlot の縦棒グラフでポイントラベルをグリッド境界の外に表示
jQueryのjqPlotプラグインによる、データポイントラベル付き縦棒グラフにおいて、データポイントラベルを、グリッドの境界からはみだしても表示させる方法。
jQuery の jqPlot プラグインで作る負の値を含む縦棒グラフ
jQueryのjqPlotプラグインで、負の値(マイナスの値)を含む縦棒グラフを作る方法。
jQuery の jqPlot で作る縦棒グラフの棒の幅や影などをカスタマイズ
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、棒の幅や影などをカスタマイズする方法。
jQuery の jqPlot の縦棒グラフでマウスダウンイベント時ハイライト表示
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、棒(バー)にカーソルを合わせ、マウスのボタンを押し続けている間、ハイライト表示(強調表示)させる方法。
jQuery の jqPlot の縦棒グラフのハイライト表示色を指定
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、棒(バー)にカーソルを合わせたときの、棒の棒(バー)のハイライト表示色(強調表示色)を指定する方法。
jQuery の jqPlot の縦棒グラフのハイライト表示色を配列で指定
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、棒(バー)にカーソルを合わせたときの、棒のハイライト表示色(強調表示色)を、配列で順番に指定する方法。
jQuery の jqPlot の縦棒グラフの棒をいくつかのグループに分類
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、棒(バー)をいくつかのグループに分類する方法。
jQuery の jqPlot の縦棒グラフにおいて、カテゴリごとに棒の色を変更
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、カテゴリごとに棒(バー)の色を変える方法。
jQuery の jqPlot の縦棒グラフにおいて、カテゴリごとに棒の色を指定
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、カテゴリごとに棒(バー)の色を指定する方法。
jQuery の jqPlot の縦棒グラフにおいて、目盛りラベルの角度を調整
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、目盛りラベルの角度を調整する方法。
jQuery の jqPlot プラグインで作る、折れ線と縦棒を併用したグラフ
jQueryのjqPlotプラグインで、折れ線グラフと縦棒グラフを、ひとつのグラフの中で、同時に出現させる方法。
jQuery の jqPlot で作る縦棒グラフの縦棒をアニメーションで出現
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、縦棒をアニメーションで出現させる方法。
jQuery の jqPlot の縦棒グラフの縦棒とポイントラベルをアニメーションで出現
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、縦棒とデータポイントラベルを、アニメーションで出現させる方法。
jQuery の jqPlot プラグインで作るトレンドライン付き縦棒グラフ
jQueryのjqPlotプラグインで作る縦棒グラフに、トレンドラインを描き加える方法。
jQuery の jqPlot プラグインで作る色指定したトレンドライン付き縦棒グラフ
jQueryのjqPlotプラグインで作る縦棒グラフに、色を指定したトレンドラインを描き加える方法。
jQuery の jqPlot で作る、ドラッグでY軸方向だけ伸縮できる縦棒グラフ
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、ドラッグで、縦棒を、Y軸(縦)方向だけ、伸縮できるようにする方法。
jQuery の jqPlot で作るツールチップ風ハイライト表示付き縦棒グラフ
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き縦棒グラフを描く方法。
jQuery の jqPlot で作る縦棒グラフの系列の表示/非表示切替
jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすることで、各系列の表示/非表示を切り替える方法。
jQuery の jqPlot で作る縦棒グラフの系列の表示/非表示切替を無効に
jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすることによる系列の表示/非表示切替を無効にする方法。
jQuery の jqPlot で作る縦棒グラフの系列をフェードイン/フェードアウト
jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすると、遅めのフェードイン/フェードアウトで、各系列の表示/非表示を切り替える方法。
jQuery UI と jqPlot で作るサイズを変更できる縦棒グラフ
jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、jQuery UIのResizableを併用し、ドラッグ&ドロップで、サイズを変更できるようにする方法。
jQuery の jqPlot プラグインで作るY軸だけズームできる縦棒グラフ
jQueryのjqPlotプラグインで作る縦棒グラフにおいて、マウスカーソル(マウスポインタ)で選択した範囲のY軸だけ、ズーム(拡大)できるようにする方法。

/////
http://alphasis.info/jquery-plugins/jqplot/horizontal-bar-charts/

横棒グラフ
jQuery の jqPlot プラグインで作る横棒グラフ。
jQuery の jqPlot プラグインで作るシンプルな横棒グラフ
jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使い、「barDirection」オプションに「horizontal」を指定すれば、横棒グラフを描くことができる。
jQuery の jqPlot プラグインで作る複数系列の横棒グラフ
jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使えば、横棒グラフを描くことができる。複数の系列データの配列を用意すれば、複数系列の横棒グラフも描ける。
jQuery の jqPlot プラグインで作る積み上げ横棒グラフ
jQueryのjqPlotプラグインで作る積み上げ横棒グラフを作る方法。stackSeriesオプションで、積み上げグラフにするか指定できる。「true」にすると積み上げグラフになる。
jQuery の jqPlot プラグインで作る横棒グラフの系列の色を変更
jQueryのjqPlotプラグインで作る横棒グラフの系列の色を変更する方法。seriesオプション内の、colorプロパティで、系列の色を、系列ごとに指定することができる。
jQuery の jqPlot で作る積み上げ横棒グラフの系列の色を変更
jQueryのjqPlotプラグインで作る積み上げ横棒グラフの系列の色を変更する方法。seriesオプション内の、colorプロパティで、系列の色を、系列ごとに指定することができる。
jQuery の jqPlot プラグインで作るデータポイントラベル付き横棒グラフ
jQueryのjqPlotプラグインで、データポイントラベル付き横棒グラフを描く方法。
jQuery の jqPlot プラグインで作る負の値を含む横棒グラフ
jQueryのjqPlotプラグインで、負の値(マイナスの値)を含む横棒グラフを作る方法。
jQuery の jqPlot で作る横棒グラフの棒の幅や影などをカスタマイズ
jQueryのjqPlotプラグインで作る横棒グラフにおいて、棒の幅や影などをカスタマイズする方法。
jQuery の jqPlot プラグインで作る水平グリッド線が非表示の横棒グラフ
jQueryのjqPlotプラグインで、水平グリッド線(Y軸の目盛りのグリッド線)が非表示の横棒グラフを作る方法。
jQuery の jqPlot の横棒グラフでマウスダウンイベント時ハイライト表示
jQueryのjqPlotプラグインで作る横棒グラフにおいて、棒(バー)にカーソルを合わせ、マウスのボタンを押し続けている間、ハイライト表示(強調表示)させる方法。
jQuery の jqPlot の横棒グラフのハイライト表示色を指定
jQueryのjqPlotプラグインで作る横棒グラフにおいて、棒(バー)にカーソルを合わせたときの、棒のハイライト表示色(強調表示色)を指定する方法。
jQuery の jqPlot の横棒グラフのハイライト表示色を配列で指定
jQueryのjqPlotプラグインで作る横棒グラフにおいて、棒(バー)にカーソルを合わせたときの、棒のハイライト表示色(強調表示色)を、配列で順番に指定する方法。
jQuery の jqPlot の横棒グラフの棒をいくつかのグループに分類
jQueryのjqPlotプラグインで作る横棒グラフにおいて、棒(バー)をいくつかのグループに分類する方法。
jQuery の jqPlot の横棒グラフにおいて、カテゴリごとに棒の色を変更
jQueryのjqPlotプラグインで作る横棒グラフにおいて、カテゴリごとに棒(バー)の色を変える方法。
jQuery の jqPlot の横棒グラフにおいて、カテゴリごとに棒の色を指定
jQueryのjqPlotプラグインで作る横棒グラフにおいて、カテゴリごとに棒(バー)の色を指定する方法。
jQuery の jqPlot の横棒グラフに垂直の実線を描き加える
jQueryのjqPlotプラグインで作る横棒グラフにおいて、指定したXの値に、垂直の実線を描き加える方法。
jQuery の jqPlot の横棒グラフに垂直の破線を描き加える
jQueryのjqPlotプラグインで作る横棒グラフにおいて、指定したXの値に、垂直の破線を描き加える方法。
jQuery の jqPlot で作る、ドラッグでX軸方向だけ伸縮できる横棒グラフ
jQueryのjqPlotプラグインで作る横棒グラフにおいて、ドラッグで、横棒を、X軸(横)方向だけ、伸縮できるようにする方法。
jQuery の jqPlot で作るツールチップ風ハイライト表示付き横棒グラフ
jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き横棒グラフを描く方法。
/////


 

日経平均株価 推移 (jQuery jqPlot ローソク足 サンプル)
: jqPlot ローソク足 サンプル


/////
 日経平均株価 推移 (jQuery   jqPlot ローソク足 サンプル)<br />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta  name="viewport" content="width=device-width, initial-scale=1.0">
<title>
:
jqPlot ローソク足 サンプル </title>
<!--[if lt IE 9]>
<link                                     rel="stylesheet" type="text/css" href="/lab/css/ie.css"/><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<link  rel="stylesheet" type="text/css" href="/lab/css/bootstrap.css"><link  rel="stylesheet" type="text/css" href="/lab/css/bootstrap-responsive.css"><br /><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js"></script><link  rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.css"><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/jquery.jqplot.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/excanvas.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/plugins/jqplot.dateAxisRenderer.min.js"></script><script type="text/javascript" src="https://dl.dropbox.com/u/59384927/jquery/GRAPH/jquery.jqplot.1.0.8/plugins/jqplot.ohlcRenderer.min.js"></script>


<hr>
<div  class="container">
<hr>

<div  id="div1193"></div>

<script type="text/javascript">
$(document).ready(function(){
// オプション
options = {
// グラフのタイトル
title:{
text:'日経平均株価 推移'
},
axes:{ // 軸
// 横軸(x軸)
xaxis:{
renderer:$.jqplot.DateAxisRenderer, // プラグイン
min: '2008-09', // 軸開始の値
max: '2013-12', // 軸終了の値
// tickInterval:'3 months', // 目盛りの間隔
tickOptions:{formatString:'%Y/%m'}, // 表示フォーマット
label:'month', // ラベル
},
// 縦軸(y軸)
yaxis:{
label:'日経平均株価(円)', // ラベル
}
},
series: [{
renderer:$.jqplot.OHLCRenderer,
rendererOptions:{ candleStick:true }
}]
}

// 表示データ
data = [
['2008-10',11396.61,11456.64,6994.90,8576.98],
['2008-11',8702.77,9521.24,7406.18,8512.27],
['2008-12',8464.36,8859.56,7849.84,8859.56],
['2009-01',8991.21,9325.35,7671.04,7994.05],
['2009-02',7908.51,8257.71,7155.16,7568.42],
['2009-03',7454.28,8843.18,7021.28,8109.53],
['2009-04',8173.36,9068.80,8084.62,8828.26],
['2009-05',8848.84,9522.50,8827.13,9522.50],
['2009-06',9517.49,10170.82,9491.26,9958.44],
['2009-07',9889.34,10359.07,9050.33,10356.83],
['2009-08',10355.23,10767.00,10142.22,10492.53],
['2009-09',10453.37,10577.19,9971.05,10133.23],
['2009-10',10072.64,10397.69,9628.67,10034.74],
['2009-11',9903.77,9979.46,9076.41,9345.55],
['2009-12',9281.82,10707.51,9233.20,10546.44],
['2010-01',10609.34,10982.10,10198.04,10198.04],
['2010-02',10212.36,10449.75,9867.39,10126.03],
['2010-03',10128.73,11147.62,10116.86,11089.94],
['2010-04',11178.92,11408.17,10865.92,11057.40],
['2010-05',10847.90,10847.90,9395.29,9768.70],
['2010-06',9747.26,10251.90,9347.07,9382.64],
['2010-07',9296.86,9807.36,9091.70,9537.30],
['2010-08',9574.64,9750.88,8807.41,8824.06],
['2010-09',8833.32,9704.25,8796.45,9369.35],
['2010-10',9440.52,9716.92,9179.15,9202.45],
['2010-11',9166.85,10157.97,9123.62,9937.04],
['2010-12',9939.80,10394.22,9918.55,10228.92],
['2011-01',10352.19,10620.57,10182.57,10237.92],
['2011-02',10281.55,10891.60,10245.75,10624.09],
['2011-03',10676.24,10768.43,8227.63,9755.10],
['2011-04',9757.28,9849.74,9405.19,9849.74],
['2011-05',9964.39,10017.47,9406.04,9693.73],
['2011-06',9708.05,9849.69,9318.62,9816.09],
['2011-07',9878.69,10207.91,9824.34,9833.03],
['2011-08',9907.04,10040.13,8619.21,8955.20],
['2011-09',9017.01,9098.15,8359.70,8700.29],
['2011-10',8567.98,9152.39,8343.01,8988.39],
['2011-11',8880.75,8946.00,8135.79,8434.61],
['2011-12',8581.20,8729.81,8272.26,8455.35],
['2012-01',8549.54,8911.62,8349.33,8802.51],
['2012-02',8789.06,9866.41,8780.10,9723.24],
['2012-03',9771.34,10255.15,9509.10,10083.56],
['2012-04',10161.72,10190.35,9388.14,9520.89],
['2012-05',9471.66,9472.25,8455.13,8542.73],
['2012-06',8465.47,9044.04,8238.96,9006.78],
['2012-07',9103.79,9136.02,8328.02,8695.06],
['2012-08',8622.04,9222.87,8513.20,8839.91],
['2012-09',8836.61,9288.53,8646.03,8870.16],
['2012-10',8815.07,9075.59,8488.14,8928.29],
['2012-11',8931.71,9492.91,8619.45,9446.01],
['2012-12',9484.20,10433.63,9376.97,10395.18],
['2013-01',10604.50,11145.38,10398.61,11138.66],
['2013-02',11193.72,11662.52,11046.92,11559.36],
['2013-03',11464.71,12650.26,11464.71,12397.91],
['2013-04',12371.34,13983.87,11805.78,13860.86],
['2013-05',13837.72,15942.60,13555.66,13774.54],
['2013-06',13551.36,13724.44,12415.85,13677.32],
['2013-07',13746.72,14953.29,13562.70,13668.32],
['2013-08',13674.50,14466.16,13188.14,13388.86],
['2013-09',13438.07,14817.50,13407.53,14455.80],
['2013-10',14517.98,14799.28,13748.94,14327.94]
];
$.jqplot(
'div1193', // グラフ表示する#div
[data], // 表示データ
options // オプション
);
});
</script></div>

↑このページのトップヘ