Невозможно правильно назначить размер для диаграммы NVD3

Я экспериментирую с диаграммой NVD3, и, хотя она правильно отображается на блестящей приборной панели, div, содержащий диаграмму, выходит за пределы контейнера блестящих информационных панелей box() (не помещается плотно в коробку). Явная установка высоты и ширины для диаграммы изменяет размер диаграммы, но не содержит div, который продолжает переполнять контейнер box; Кажется, я не могу контролировать размер div? Код, как показано ниже:

app.R

library(shiny)
library(shinydashboard)
library(rCharts)
library(curl)

consent <- read.csv(curl("https://raw.githubusercontent.com/kilimba/data/master/consent.csv"))

ui <- dashboardPage(
  dashboardHeader(),
  dashboardSidebar(),
  dashboardBody(
    fluidRow(
      box(showOutput("distPlot2"),width = 6)
      )
    )
)

server <- function(input, output) { 

  output$distPlot2 <- renderChart2({
    p2 <- nPlot(HIVConsentRate ~ Year, 
                group = 'HIVRefused', 
                data = consent, 
                type = 'stackedAreaChart',
                height = 250,
                width = 450)

    return(p2)
  })
}

shinyApp(ui, server)

Любая помощь приветствуется, Тумаини


person Tumaini Kilimba    schedule 03.06.2015    source источник


Ответы (2)


Я протестировал ваш код и добавил аргумент библиотеки nvd3 в раздел пользовательского интерфейса следующим образом: box(showOutput("distPlot2",'nvd3'),width = 6), чтобы загрузить библиотека javascript. Мне удалось настроить ширину поля на стороне пользовательского интерфейса и / или ширину диаграммы на стороне сервера.

person GPierre    schedule 03.06.2015

Извините, ребята, я до сих пор не понимаю, в чем проблема, но проверенный метод «выключите его и снова включите» сработал для меня. Обратите внимание, что я также забыл добавить переменную lib в showOutput () (по крайней мере, в этом коде, вставленном здесь, хотя я тестировал с переменной lib, установленной на "nvd3" в частном порядке, и это все еще оказывалось проблематичным с точки зрения определения размера . но теперь это работает :)

person Tumaini Kilimba    schedule 03.06.2015