将值传递给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

回答

相关问题