R中的r2d3:如何在同一行上並排顯示兩個圖表?
P粉543344381
2023-09-03 16:23:03
<p>使用r2d3包,我可以在RMarkdown渲染一個簡單的d3.js圖表,像這樣:</p>
<p><strong>barchart.js</strong>:</p>
<pre class="brush:php;toolbar:false;">// !preview r2d3 data=c(0.3, 0.6, 0.8, 0.95, 0.40, 0.20)
var barHeight = Math.floor(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");</pre>
<p><strong>RMarkdown</strong>:</p>
<pre class="brush:php;toolbar:false;">{r out.width='100%', fig.height=4}
library(r2d3)
r2d3(data=c(0.3, 0.6, 0.8, 0.95, 0.40, 0.20), script = "barchart.js")</pre>
<p>但是,假設我想要在RMarkdown中同時繪製相同的圖表(即兩個圖表並排)。有辦法做到這一點嗎?使用簡單的RMarkdown很容易,因為你可以儲存圖形然後在網格中排列。但是r2d3有辦法做到這一點嗎?它不會將每個圖形保存為可以在網格中排列的物件。 </p>
我猜有多種方法可以做到這一點。一種選擇是使用在
crosstalk
套件中實現的Bootstrap Columns:順便說一句 - bscols對於安排任何互動的html小部件也非常有用,並且可以解決大多數情況下無法輕鬆安排「正常」Rmd輸出的問題。