ตัวอย่าง D3/Shiny ไม่แสดงแถบ

ทำตามคำแนะนำของ RStudio ที่นี่ภายใต้ Shiny ถึง D3: https://rstudio.github.io/r2d3/articles/shiny.html#shiny-to-d3

ฉันอัปเดตเป็น Rstudio (1.2.1015), r2d3 (0.2.2), มันเงา (1.1.0)

เมื่อฉันลองใช้โค้ดตัวอย่าง แทนที่จะเห็นแต่ละแท่ง ฉันเห็นสิ่งนี้ใน Rstudio Viewer

ตัวอย่างโค้ด R คือ:

library(shiny)
library(r2d3)

ui <- fluidPage(
  inputPanel(
    sliderInput("bar_max", label = "Max:",
                min = 10, max = 110, value = 10, step = 20)
  ),
  d3Output("d3")
)

server <- function(input, output) {
  output$d3 <- renderD3({
    r2d3(
      floor(runif(5, 5, input$bar_max)),
      script = system.file("examples/baranims.js", package = "r2d3")
    )
  })
}

shinyApp(ui = ui, server = server)

เส้นทางที่ส่งคืนโดย system.file("examples/baranims.js", package = "r2d3") คือ /Library/Frameworks/R.framework/Versions/3.5/Resources/library/r2d3/examples/baranims.js

ซึ่งเป็นไฟล์นี้:

var barHeight = Math.floor(height / data.length);

var bars = r2d3.svg.selectAll('rect')
    .data(r2d3.data);

bars.enter()
    .append('rect')
      .attr('width', function(d) { return d * width; })
      .attr('height', barHeight)
      .attr('y', function(d, i) { return i * barHeight; })
      .attr('fill', 'steelblue');

bars.exit().remove();

bars.transition()
  .duration(100)
  .attr("width", function(d) { return d * width; });