0

Follwing 是我的 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>

如何从数据库中的表中传递这些值？？？。例如，假设我有一个表格，日期|读数为两列。我尝试将表格中的数据格式化为与

[['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 回答