2013-07-04 2 views
0
follwing을

날짜 축 렌더러를 사용하여통과 값은

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

에 규정 된 날짜와 값을 나타내는 내 JSP 페이지의 일부입니다 jqplot하고는 예상대로 지금 여기에 값을하고있다 하드 코딩 됨.

<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 테이블이 있다고 가정합니다. 제가

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

로 동일한 포맷 테이블에서 데이터를 포맷하고 숨겨진 텍스트 필드 ID 데이터이고, 다음

var line1 = document.getElementByID("data"); 
로 라인 1의 값을 변경 값으로 전달하려고

그러나 지금은 줄거리가 사라질 것을 볼은 ... 무슨 일이 레일에서

답변

0

나는 gon gem을 사용하고 같은 내 컨트롤러에 정의 ... DB를에서 이러한 값을 가져 그들을 그릴 수있는 가장 쉬운 방법이 될 것입니다 :

@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]] 

와 난 그냥

var line1=gon.array 

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

를 대체 내 JSP에를