前提・実現したいこと
データとして600個の数値を保存した配列があります。
これをJQPLOTでグラフにしておりますが、現在X軸の範囲はmin:0,max600としており、
インターバールは60毎としています。
ラベルで秒としており、0~600秒のグラフを描いています。
これを0~10分と表示したいのですが、方法がわかりません。
発生している問題・エラーメッセージ
該当のソースコード
javascript
1 2<!--プラグイン--> 3<!--1.jQueryの読み込み--> 4<script language="javascript" type="text/javascript" src="./Scripts/jquery-1.8.1.min.js"></script> 5<!--3.プラグインの読み込み--> 6<script language="javascript" type="text/javascript" src="./plugins/jquery.jqplot.min.js"></script> 7<!--4.CSSの読み込み--> 8<link rel="stylesheet" type="text/css" href="./css/jquery.jqplot.min.css" /> 9 10 11jQuery(function(){ 12 13 for(i=0;i<600;i++){ //仮入力 14 data[i] = i; 15 } 16 17 jQuery.jqplot( 18 'line', 19 [data], 20 { 21 title: { 22 text:'DATA', 23 show:true, 24 textAlign:'center', 25 }, 26 axes: { 27 xaxis:{ //ここを0~10分、1分毎にしたい 28 min:0, 29 max:600, 30 tickInterval: '60', 31 label:'秒', 32 }, 33 yaxis:{ 34 min:0, 35 max:600, 36 tickInterval:'100', 37 label:'個', 38 }, 39 }, 40 series:[ 41 { 42 markerOptions: { 43 show: false 44 }, 45 color:'red', 46 }, 47 ], 48 } 49 ).replot(); 50} ); 51 52} 53 54<!--html--> 55<div id="line" style="height: 350px; width: 500px; margin:0 auto;"></div> 56<div style="clear:both;"></div>
試したこと
[data]を作成するところを以下のように変更しましたが、できませんでした
for(i=0;i<600;i++){
mints= Math.floor(i,60);
sec = i % 60;
data[i] = [mints:sec,i];
}
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
念のため「jQueryプラグイン」もタグに追加しておいてください。
あとプラグインに限らず、バージョンと「どこから持ってきたものか」というのは必要です。
プラグイン取得先のURLや、JavaScriptの読み込み記述のHTML部分、対象が反映されるHTML(というかHTML全体ですね)もご提示ください。
※質問は編集できますので適宜ご対応ください。
dataに[x,y]のような形式で入力をすればいいのではないでしょうか?
http://www.jqplot.com/examples/line-charts.php
の例の3つ目です。

回答1件
あなたの回答
tips
プレビュー