2012-02-02 4 views
0

私は以下のデータを持っています.Jqplotを使って2行の線グラフ上にプロットしたいと思います。時間 L1:[Yaxis1:値1] L2:[Yaxis2:値2]私が探しています何同じ日付または時刻に基づく複数行のjqplotグラフ

series:[Time Value1 Value2] 
     [13:51 22.875 9.275] 

x軸とのチャットです。

私はかなり[時間値1]と[時刻値2]または他の種類の にデータ構造を変更することができますが、一緒に1つの図でそれらの両方をプロットすることが重要です。 コードの傷を書くか、私に適切な例を教えてください。 ありがとう

+1

2行のLine ChartとDateAxisRendererが必要ですか?あなたはjqPlotウェブサイト上のexmplesを見ましたか?助けを求める前にこれを自分で試してみましたか? – Mark

答えて

0

「は同じ日に複数のダニ」を行うことができます次のコードスニペットを含むことによって解決することができます。

xaxis: { label: "Whatever you name it", renderer: $.jqplot.DateAxisRenderer,  min:dateVal[0], max:dateVal[dateVal.length-1], tickInterval: '1 day', 

下MIN、MAXとtickIntervalを記載してください「x軸:」とない「tickOptions:」下。私のケースでは、私は0番目の要素がx軸の日付の最小値であり、最後の要素が最大の日付値である配列dateValに日付値を持っています。あなたが望むなら、日付の値をハードコードすることができます。

私はこれが助けになることを望みます。

7

実際には非常に簡単です。あなたは、各データ線の値の配列を定義します。

var line1 = [[date1, val1], [date2, val2]]; 
var line2 = [[date1, val11], [date2, val12]]; 
var plot = $.jqplot('chart1', [line1, line2]); 
1

時間値が同じである場合は、日付軸の

var line1 = [val1_1, val1_2]; 
var line2 = [val2_1, val2_2]; 
var ticks = [time1, time2] 
var plot = $.jqplot('chart1', [line1, line2], { 
    xaxis: { ticks: ticks } 
}); 
+0

これは残念ながら、x軸のティックが日付の場合は動作しないようです:http://stackoverflow.com/questions/9179346/jqplot-separating-ticks-and-series-values –

関連する問題