日経平均株価 推移 (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>