R Shiny ValueBox和表格布局

时间:2019-10-20 13:55:13

标签: r shiny shinydashboard

我正在R Shiny中构建一个UI,并且在布局部分上苦苦挣扎。我想一起绘制ValueBoxes和Table。以下是当前输出,但各行之间存在间隙。因此,您能否建议可以采取哪些措施来消除此差距并获得所需的布局。这是代码

var dots = document.querySelectorAll(".dot");

for(var i = 0; i < dots.length; i ++){
    dots[i].dotIndex = i;
    dots[i].addEventListener("click", function(){
        console.log(this.dotIndex);
    })
}

具有行间距的当前布局:

Current Layout

1 个答案:

答案 0 :(得分:0)

下面的更改给出了正确的布局,

   column(
      width = 3,
             valueBoxOutput(
                    "vlue", width = NULL
                   ),
                   valueBoxOutput(
                    "vlue1", width = NULL
                   )
            ),

            column(width = 3,
                   valueBoxOutput(
                     "performance", width = NULL
                   ),
                   valueBoxOutput(
                     "performance1", width = NULL
                   )
            ),

            column(width = 3,
                   valueBoxOutput(
                     "win_loose", width = NULL
                   ),
                   valueBoxOutput(
                     "win_loose1", width = NULL
                   )
            ),

            column(width = 3,
                   box(
                     title = "Box title", width = NULL, div(style = "height:150px"), 
                     status = "primary","Box content"
                   )

所需的布局:

Desired Layout