Question

我试图将从函数返回的visNetwork对象嵌入到html div中，但到目前为止我没有成功。

比方说，有一个R函数返回一个visNetwork对象。最简单的形式如下：

  File "/home/flask_api/api/tests/test_base.py", line 7, in <module>
    from flask_api import app
ModuleNotFoundError: No module named 'flask_api

我尝试用两种不同的方法来检索图。

使用get_plot <-function() { nodes <- data.frame(id = 1:3) edges <- data.frame(from = c(1,2), to = c(1,3)) visNetwork::visNetwork(nodes, edges, width = "100%") }的{{1}}方法：

rplot()

返回

opencpu

确实没有提供/ grraphics目录。

使用opencpu的常规var req = $("#plot-div").rplot("get_plot",{});方法查看它可以作为响应得到什么

ocpu/tmp/x09f8951024d611/graphics/last/png?width=100&height=100 404 (Not Found)

此人归来

ocpu.call()

当访问该链接时，我看到一条错误消息，通知我var req = ocpu.call("get_plot",{}, function (session8){ session8.getObject( function(data){ console.log(data); }) })。

有人用ocpu/tmp/x0dabe1f8c83093/R/.val/json 400 (Bad Request)来检索No method asJSON S3 class: htmlwidget对象并将其嵌入到html页面中吗？这可能吗？

Answer 1

潜在的问题是如何将htmlwidgets与opencpu一起使用。为此，有一个示例应用程序：https://github.com/rwebapps/leafletapp。我已经用两个文件扩展了该程序包，主要是使用现有程序包中的复制粘贴功能。R函数：

#' @export
get_plot <- function() {
  nodes <- data.frame(id = 1:3)
  edges <- data.frame(from = c(1,2), to = c(1,3))
  n <- visNetwork::visNetwork(nodes, edges, width = "100%")
  htmlwidgets::saveWidget(n, "mynet.html", selfcontained = FALSE)
}

HTML页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Example map</title>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="app.css">

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="opencpu-0.5.js"></script>
<script>
  $(function(){
  $("#netsubmit").click(function(e){
    e.preventDefault();
    var btn = $(this).attr("disabled", "disabled");
    var req = ocpu.call("get_plot", {}, function(session){
      $("iframe").attr('src', session.getFileURL("mynet.html"));
    }).fail(function(text){
      alert("Error: " + req.responseText);
    }).always(function(){
      btn.removeAttr("disabled");
    });
  });
});
</script>

</head>

<body>

  <div class="container">
    <div class="col-sm-3">
      <form>
        <button type="submit" id="netsubmit" class="btn btn-default">Update Network!</button>
      </form>
    </div>
  </div>

<iframe src="about:blank"></iframe>

</body>

</html>

基本思想是将htmlwidget保存到服务器上的HTML页面并在iframe中显示该页面。

使用opencpu显示visNetwork对象

1 个答案: