Rickshaw AJAX成功関数内で呼び出されたときの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>