Ошибка рендеринга оси Rixshaw JS при вызове в функции успеха AJAX

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> 

я могу убедиться, что параметры, передаваемые на функции одинаковы в обоих случаях.

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>