我想根据this描述用Rstudio Shiny创建一个完整的HTML UI,但我有一个奇怪的问题:
当我尝试加载网页时,情节不会显示,但如果我首先加载ui.r(完全等效),然后再次加载HTML ui就可以了。
这是一个最小的例子:
# server.r
# This is always the same with ui.r and also with HTML UI
library(shiny)
library(networkD3)
data(MisLinks)
data(MisNodes)
server <- function(input, output) {
output$force <- renderForceNetwork({
forceNetwork(Links = MisLinks, Nodes = MisNodes, Source = "source",
Target = "target", Value = "value", NodeID = "name",
Group = "group", opacity = 1)
})
}
然后:
<!--this is the HTML UI-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="application/shiny-singletons"></script> <script type="application/html-dependencies">json2[2014.02.04];jquery[1.11.3];shiny[0.13.2];htmlwidgets[0.6];d3[3.5.2];forceNetwork-binding[0.2.13];bootstrap[3.3.5]</script><script src="shared/json2-min.js"></script>
<script src="shared/jquery.min.js"></script>
<link href="shared/shiny.css" rel="stylesheet" />
<script src="shared/shiny.min.js"></script>
<script src="htmlwidgets-0.6/htmlwidgets.js"></script>
<script src="d3-3.5.2/d3.min.js"></script>
<script src="forceNetwork-binding-0.2.13/forceNetwork.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="shared/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="shared/bootstrap/js/bootstrap.min.js"></script>
<script src="shared/bootstrap/shim/html5shiv.min.js"></script>
<script src="shared/bootstrap/shim/respond.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div id="force" style="width:100%; height:500px; " class="forceNetwork html-widget html-widget-output"></div>
</div>
</body>
</html>
我不会显示网络图。 但是,如果我首先运行它,然后运行HTML UI:
# ui.r
# this is the equivalent version of HTML UI
library(shiny)
ui <- fluidPage(
forceNetworkOutput("force")
)
我也尝试过使用visNetwork图表并且存在同样的问题。
答案 0 :(得分:2)
D3和htmlwidges的js未加载的问题(404错误)。
您可以将所有需要的js复制到www并在HTML中更改路径
<script src="htmlwidgets.js"></script>
<script src="d3.min.js"></script>
<script src="forceNetwork.js"></script>
它解决问题,但它可能不是最好的主意
git与htmlwidgets
您可以在包文件夹中找到的文件: 对我来说:
......R\R-3.2.5\library\htmlwidgets\www\
......R\R-3.2.5\library\networkD3\htmlwidgets\
......R\R-3.2.5\library\networkD3\htmlwidgets\lib\d3-3.5.2
如何检查问题wuth js
1)运行App