2016-09-08 2 views
0

반짝 이는 응용 프로그램에서 일부 selectInput 위젯과 함께 "헤드 스페이스"가 있습니다. 아래에는 이러한 필터에 의존하는 차트가 있습니다. 내 반짝이는 앱 (모든 필터가있는 앱)의 상단 부분을 동결하는 방법이 있나요? 그래야 아래로 스크롤하여 다른 필터 차트를 볼 수 있습니다.R Shiny // Excel 함수 "고정 창"

고맙습니다.

+0

반짝이는 Superzip 예제와 'absolutePanel'의 사용법을 살펴보십시오. 아마도이 도구를 사용하여 위젯을 모두 들고 페이지의 어딘가에 배치 할 수 있습니까? 그렇지 않으면, 내가 믿는 CSS를 사용해야 할 것입니다. – brittenb

+0

'hr()'을 고정 수평 규칙으로 사용하여 ui.r 스크립트의 두 요소를 분리 할 수 ​​있습니다. 빛나는 패키지의 HTML 빌더 기능을 살펴보십시오. 또한 http://shiny.rstudio.com/articles/layout-guide.html의 반짝이는 애플리케이션 레이아웃 가이드를 좋아합니다. 도움이 될 것입니다. – PhiSeu

답변

0

Bootstrap's Affix 방법을 확인하십시오. 거기에 많은 좋은 자습서가 있습니다. 응용 프로그램

의 'www'를 디렉토리에

ui.R

library(shiny) 

shinyUI(fluidPage(
    titlePanel("Bootstrap Affix in Shiny"), 

    mainPanel(
    div('data-spy'="affix", 'data-offset-top'="100", 
     wellPanel(
     selectInput("pick", label = "Choose One", choices = c("A", "B", "C")) 
    ) 
    ), 
    plotOutput("sampleplot", height = "700px"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text"), 
    h1("Some text") 
) 
) 
) 

server.R

library(shiny) 
library(ggplot2) 

shinyServer(function(input, output) { 

    output$sampleplot <- renderPlot({ 

    df <- data.frame(a = c(1,4,8), b = c(9,10,20)) 

    ggplot(df, aes(x = a, y = b)) + 
     geom_point() 

    }) 
}) 

스타일 CSS 파일을 : 빛나는에서 사용, 그것은처럼 보일 수 있습니다

.affix { top: 0; width: 100%; } .affix-top { width: 100%; }