2017-04-26 1 views
1

내 목표는 페이지를 네 개의 사분면으로 나눠서 각각 별도의 플롯으로 분리하는 것입니다.재배치로 인해 플롯이 흐려짐 - 반짝이는 물방울

나는 하나의 사분면을 준비했습니다. 전체 창을 차지하면 괜찮아 보입니다. 한 페이지에 4 개의 창을 표시하고 싶습니다. 스크린 샷 (두 개의 위 사분면)에서 볼 수 있듯이, 이미 왼쪽 위 사분면에 준비되어있는 창을 삽입하면 매우 흐릿한 결과가 발생합니다. 어떻게하면 그래프가 흐려지지 않게 할 수 있습니까?

enter image description here

나는 아마도 이것이 좋은 생각이 아니다, fluidrow를 사용? 작동하지 않는 서버 측 renderPlotres 매개 변수에 더 높은 가치를 제공하기 위해 노력

: 아래 파악하기 ANSWER -

ui = fluidPage(

    fluidRow(
    column(6, 

      fluidRow(
      column(8, plotOutput("barChart1", height = 250)) 
      , column(4, plotOutput("compteur1", height = 250)) 
      ) 

      ,fluidRow(
      column(3, 
        dateRangeInput(
         "dateRange2", 
         label = "Choose the window:", 
         start = "2016-09-01" 
        ) 
      ) 
      , column(3, 
         selectInput("security", "Index:", selected = worldindices[1] 
            , list(`World Indices` = worldindices, 
             `Regional Indices` = regionIndices, 
             `Country Indices` = countryIndices) 
        ) 
      ) 
      , column(3, 
         selectInput("metric", "Metric:", selected = plainMetrics[1] 
            , list(plainMetrics 
             , `Valuation Multiples` = valMul 
             , `Fundamentals` = corpFund) 
        ) 
      )  
      ) 
      , plotOutput("chartAggr", height = 250)  


    ) 
    , column(6, style = "background-color:yellow;", div(style = "height:500px;") 
    ) 
) 

) 

종류는

편집을 간주한다. 나는 예를 들어 값 (128)을주고, 다음과 같은 결과를 얻을 : ... 입술 인수에서 서버 패스에 당신의 renderPlot에서

enter image description here

답변

1

() 함수를 기본 (72)보다 높은 무언가로 설정 픽셀/인치.

renderPlot (expr에, 폭 = "자동", 높이 = "자동"입술 = 72, ..., ENV parent.frame =() = FALSE, execOnResize가 = FALSE, outputArgs = 목록 인용())

큰 고해상도 이미지를 수용하려면 플롯의 크기를 조정하고 스크롤 막대를 컨테이너에 추가해야 할 수도 있습니다. 이 답변에 대한

## Something like this on the server 
output$barChart1 <- renderPlot(PLOT(), width = 1000, height = 1000, res = 128) 

## Something like this on UI 
div(style = 'overflow-x: scroll', 
        plotOutput("barChart1", inline = TRUE)) 
       ) 
+0

덕분에, 나는 시도했지만 결과는 그래프를 크게 만드는 것이 었습니다 ...하지만 그것은 :(덜 흐릿 내가 두려워 할 (위 참조)하지 않았다. – hartmut

+0

당신이 이미지 # 보면 왼쪽 상단 2, 이제는 고해상도이지만 작은 컨테이너에 들어가서 뒤죽박죽이되어 보이지만 흐릿 해지는 현상이 없어졌습니다. 이제 renderPlot()에서 width 및 height 매개 변수로 재생할 수 있으므로 스크롤 막대를 추가해야합니다. 사용자는 작은 창을 통해 보여지는 큰 플롯에서 고해상도 이미지 주위를 이동할 수 있습니다. –