R Shiny Dashboard布局咨询:柱状图与饼图并排设置
解决Shiny Dashboard的并排布局问题
没问题,这个布局调整其实很简单,核心是利用Shiny的嵌套布局来实现右边4个饼图的2x2排列,同时和左边的柱状图并排展示。
你只需要把原来的两个独立fluidRow合并到一个外层fluidRow中,然后在右侧的column(6)里嵌套两个小的fluidRow,每个小row里放两个占3列的饼图(因为父容器是6列宽度,3+3刚好填满一行)。这样就能完美实现你要的“左侧柱状图+右侧2x2饼图方阵”的布局。
修改后的代码如下:
fluidRow( # 左侧柱状图,占6列宽度 column(6, plotOutput("bar1")), # 右侧饼图区域,占6列宽度 column(6, # 第一行两个饼图 fluidRow( column(3, plotOutput("pie")), column(3, plotOutput("pie2")) ), # 第二行两个饼图 fluidRow( column(3, plotOutput("pie3")), column(3, plotOutput("pie4")) ) ) )
关键说明:
- 外层
fluidRow把页面分成了左右两个各占6列的区域,实现柱状图和饼图区域的并排。 - 右侧的6列容器里,我们嵌套了两个
fluidRow,每个row里的两个column(3)加起来刚好填满6列的宽度,这样四个饼图就会呈现整齐的2x2方形排列。 - 这个布局完全符合Shiny的栅格系统规则,不会出现错位或者溢出的问题。
内容的提问来源于stack exchange,提问作者adamjhodgson
相关产品推荐
相关产品推荐

