以下は、提供されている日付と値をプロットする私のjspページの一部です
var line1 = [['2013-07-02 18:34:22',27], ['2013-07-02 18:34:52',32]];
日付軸レンダラーを使用すると、期待どおりに機能します。ここでは、値がハードコーディングされています。
<script type="text/javascript">
$(document).ready(function(){
var line1 = [['2013-07-02 18:34:22',27], ['2013-07-02 18:34:52',32]];
var plot3 = $.jqplot('chart', [line1], {
title:'VITALS CHART-TEMPERATURE',
axesDefaults: {
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
label:'TIME',
tickOptions:{formatString:'%d/%m/%y\n%I:%M:%S %p'},
tickInterval:'30 second'
},
yaxis:{
label: 'TEMPERATURE'
}
},
series:[{lineWidth:4,markerOptions:{style:'square'}}]
});
});
</script>
<body>
<center>
<div id="chart" style="height:500px; width:500px;"></div>
</center>
</body>
</html>
データベース内のテーブルからこれらの値を渡すにはどうすればよいですか???. たとえば、date|reading を 2 つの列として持つテーブルがあるとします。テーブルのデータを同じ形式でフォーマットしようとしました
[['2013-07-02 18:34:22',27], ['2013-07-02 18:34:52',32]]
id が data である非表示のテキスト フィールドの値としてそれを渡し、次に line1 の値を次のように変更します。
var line1 = document.getElementByID("data");
しかし、プロットが消えることがわかりました...データベースからこれらの値を取得してプロットする最も簡単な方法は何ですか...