在AJAX成功函数中调用人力车JS轴渲染问题
Rickshaw JS axis render issue when called within AJAX success function
我正在使用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>
我可以验证在这两种情况下传递给函数的参数是相同的
不确定如何修复或潜在问题是什么,但修复(至少现在)是将脚本移动到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>
相关文章:
- 使用angular.js问题的JavaSpringREST服务
- node.js应用程序中的async.js问题
- 复选框与文本内联-JS问题
- 重构 jQuery in JS 问题
- CSS/.JS问题,<ul><李>在Megamenu中
- IE9 动态页面 JS 问题
- 对 Drupal 站点的客户端 JS 问题进行故障排除
- 处理数值时出现奇怪的JS问题
- 与阿尔伯特·爱因斯坦有node.js问题
- 配置文件需要 JS 问题
- 设置超时功能在 chrome 扩展程序弹出窗口.js问题
- KNOCKOUT.js问题:“H.apply不是一个函数.(在'h.apply(e,r)'中,'
- 在iPad上播放的视频-JS问题(仅声音)
- 奇怪的JS问题
- 使用车把.js问题
- 实时Magento网站上的原型JS问题
- Knockout JS问题与tinymce文本区域
- Jquery Carousel 不起作用(JS 问题)
- 拖放区 AMD 需要 JS 问题
- 双击缩放和锤击.js问题