0

以下は、提供されている日付と値をプロットする私の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");

しかし、プロットが消えることがわかりました...データベースからこれらの値を取得してプロットする最も簡単な方法は何ですか...

4

1 に答える 1

0

Rails ではgon gemを使用し、コントローラーで次のように定義しました。

@testarray = []
Model.find_all.each do |ph|
  @testarray << [ph.created_at.to_formatted_s(:short), ph.value.to_f]
end
gon.array = @testarray

Testarray は、次のような配列を作成します。

[["10 Dec 14:10", 61.0],["10 Dec 13:38", 0.0],["11 Dec 10:08", 0.0],["11 Dec 10:06", 0.0],["10 Dec 14:12", 91369.0],["11 Dec 11:45", 31004.0]]

そして今私のjspで私はちょうど置き換えました

var line1 = [['2013-07-02 18:34:22',27], ['2013-07-02 18:34:52',32]];

と

var line1=gon.array
于 2013-07-16T11:39:10.710 に答える