페이지가로드 될 때 올바르게 생성 된 그래프가 있습니다. 그 코드는 다음과 같습니다 잘 작동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!
와우, 좋은 캐치! 그것은 그것을 고쳤다. 조금도! dataType이 응답의 ContentType 헤더에 의해 설정되는 응답 데이터의 dataType이 아니라 POST 요청 용이라고 생각했습니다. –