如何使Rmarkdown手机中的图表具有响应能力

Question

我使用R中的r2d3库在RMarkdown中插入一些d3图表。我正在编织HTML。我的问题是，我似乎不知道如何使RMarkdown移动响应(我希望图表动态调整大小(。

这是一个简单的例子：

d3脚本(test.js(：

// !preview r2d3 data=c(0.3, 0.6, 0.8, 0.95, 0.40, 0.20)
//
// r2d3: https://rstudio.github.io/r2d3
//
var barHeight = Math.ceil(height / data.length);
svg.selectAll('rect')
.data(data)
.enter().append('rect')
.attr('width', function(d) { return d * width; })
.attr('height', barHeight)
.attr('y', function(d, i) { return i * barHeight; })
.attr('fill', 'steelblue');

R-降价：

library(r2d3)
r2d3(data = c(0.3, 0.6, 0.8, 0.95, 0.40, 0.20),
script = "X:/public/Moss/D3 Practice/test.js",
d3_version = "3")

在R Studio预览窗格中，图表会自动调整大小。在HTML文档中，它没有。

Answer 1

实际上，这对我有所帮助：

如何使用rmarkdown使绘图图表调整到页面宽度？

我只是将RMarkdown中的区块设置为：

{r out.width='100%', fig.height=3}

似乎适用于d3图表。