AJAX 성공 함수 내에서 Rickshaw JS 축 렌더링 문제가 발생했습니다

Question

Rickshaw JS를 사용하여 그래프를 작성하고 있습니다. 이렇게하려면 호출 할 때 그래프를 렌더링하는 함수를 만들었습니다. 내가 직면 한 문제는 스크립트 태그 내에서 호출 될 때 함수가 모든 것을 잘 렌더링한다는 것입니다. 그러나 AJAX 호출의 성공 함수에서 호출 될 때 축이 표시되지 않습니다.

관련 코드 :

<script> 
function ProbabilityPlot(a) { 
    var graph = new Rickshaw.Graph({ 
     ... 
    }); 
    graph.render(); 

    var xAxis = new Rickshaw.Graph.Axis.X({ 
     ... 
    }); 
    xAxis.render(); 

    var yAxis = new Rickshaw.Graph.Axis.Y({ 
     ... 
    }); 
    yAxis.render(); 
}; 

$.ajax({ 
    url: plotURl, 
    dataType: 'json', 
    cache: false, 
    success: function(data) { 
     ProbabilityPlot([ {{plot_data}} ]); <-- axes do NOT work 
    } 
}); 

ProbabilityPlot([ {{plot_data}} ]); <-- eveything works perfectly 
</script> 

I 함수에 전달 된 매개 변수가 두 경우 모두 동일한 지 확인할 수 있습니다.

Answer 1

수정 방법이나 근본적인 문제는 확실하지 않지만 수정 사항 (적어도 지금은)은 스크립트를 html의 헤드로 옮기는 것이 었습니다.

<script src="{% static "Home/js/vendor/jquery.js" %}"></script> 
<script src="http://code.shutterstock.com/rickshaw/vendor/d3.v3.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.5.1/rickshaw.min.js"></script>