2012-12-14 1 views
0

페이지가로드 될 때 올바르게 생성 된 그래프가 있습니다. 그 코드는 다음과 같습니다 잘 작동Ajax 응답에서 Flot 그래프를 제대로 업데이트 할 수 없습니다.

<body> 
<div id="placeholder" style="width:800px;height:400px;"></div> 

<script type="text/javascript"> 
$(function() { 
    $.plot($("#placeholder"), 
[ { data: %s } ], 
{ xaxes: [ { mode: 'time' } ], 
    yaxes: [ ] }) 
}); 
</script> 

. jquery를 실행하고 새로운 json 데이터 구조를 요청하는 버튼이 있습니다. 반환 된 json이 실제로 적절한 json임을 확인했습니다. 내가 가진 결과를 그래프로하려고 해요 : 그래프를 다시 그립니다

<script type="text/javascript"> 
$(function() { 
     $("#button").click(function() 
      { 
      //alert('button clicked'); 
      $.ajax({ 
       url: '/graph', 
       type: 'POST', 
       dataType: 'html', 
       data: { 
        start_date: $('#start_date').val(), 
        end_date : $('#end_date').val(), 
        ticker : $('#ticker').val() 
       }, 
       success: function(result) { 
       var placeholder = $("#placeholder"); 
       $.plot(placeholder, 
        [ { data: result } ], 
        { xaxes: [ { mode: 'time' } ], 
         yaxes: [ ] }); 
      } 
      }); 
      } 
    ); 
}); 

을하지만 비어과 Y 축이 1.0을 통해 기본 -1.0이며, X 축 00의 단일 시간 항목입니다 : 00:00.

setData() 및 draw() 메서드 호출을 사용해 보았지만 문제를 해결하지 못했습니다.

방화 광 로에 표시된 것처럼 자바 스크립트 오류가 발생하지 않습니다. 그래서 내가 뭘 잘못하고 있니?

TIA!

답변

2

응답이 유효합니까? 데이터 유형은 'html'입니다. 따라서 스크립트 태그를 사용하여 작업하지 않는 한 응답은 문자열 일뿐입니다. JSON을 직접 반환하는 경우 dataType 'json'을 사용해야합니다.

+0

와우, 좋은 캐치! 그것은 그것을 고쳤다. 조금도! dataType이 응답의 ContentType 헤더에 의해 설정되는 응답 데이터의 dataType이 아니라 POST 요청 용이라고 생각했습니다. –

관련 문제