小编Bri*_*den的帖子

我试图使用mpld3-flask示例(https://github.com/nipunreddevil/mpld3-flask)作为模板来实现某种行为.我想要的是将标题栏上的链接添加到不同的图表,而不是使用单选按钮查询表单.

现在,上面的示例代码在templates/index.html中创建一个容器,然后在用户通过单击"查看绘图"按钮提交查询时用绘图填充它.就我所知,在index.html中,这个代码会发生这种情况:

$("#query").click(function() {  

  $("#loading-div-background").show();
  $("#container").hide();
  var plot_type = $('input:radio[name=plot_type]:checked').val();
  var qu = {"plot_type":plot_type}
  $.ajax({
    type: "POST",
    async:true,
    contentType: "application/json; charset=utf-8",
    url: "/query",
    data: JSON.stringify(qu),
    success: function (data) {     
     var graph = $("#container");
     graph.html(data);   
     $("#loading-div-background").hide();      
     $("#container").show();
   },
   dataType: "html"
 });
});

我想要的是添加到当前包含"Home"的标题栏中,并在不同的页面中显示每个示例图.我将路由到另一个链接,然后使用绘图的数据填充模板html代码,而无需用户查询.

我对html有点新手,而且在这一点上基本上对JavaScript一无所知.我的感觉是有一些相对简单的方法来使用flask + jinja2来做到这一点,但我无法弄明白.

我在组合所有这些语言时产生的那种不清楚的命名空间方面遇到了一些麻烦.在我自己的python编程中,我通常对命名空间非常严格(即我永远不会使用'来自____ import*')所以这让我有点疯狂.