0

我正在使用 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 文档中，它没有。

4

1 回答 1

0

实际上，这对我有帮助：

如何使用 rmarkdown 使绘图图表适应页面宽度？

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

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

似乎适用于 d3 图表。

于 2021-11-12T16:17:31.497 回答