將值傳遞給jqplot

Follwing是我的JSP頁面的一部分繪製在將值傳遞給jqplot

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>

如何從數據庫中的表中傳遞這些值？例如，假設我有一個日期爲兩列的表格。我試圖在相同的格式，從表中的數據格式

[['2013-07-02 18:34:22',27], ['2013-07-02 18:34:52',32]]

，並把它作爲一個隱藏的文本字段，其ID是數據，然後改變LINE-1的值作爲

var line1 = document.getElementByID("data");

的價值

但現在我看到的情節消失......會是怎樣獲得來自DB這些值，繪製他們最簡單的方法...

來源

2013-07-04 user2382401

在鐵軌我以前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-16 11:39:10 user2586273

將值傳遞給jqplot

回答

相關問題