如何更改mjs_histogram栏颜色(使用metricsgraphics r包)?

时间:2016-07-29 15:08:18

标签: r shiny htmlwidgets metricsgraphicsjs

我似乎无法弄清楚如何更改使用metricsgraphics包创建的直方图的颜色。我已经构建了一个功能强大的Shiny应用程序,使用下面的代码呈现直方图:

mjs_plot(zedata()$Value, format="count") %>% 
        mjs_histogram(bins = 10) %>%
        mjs_labs(x=input$item, y="Number of VA Medical Centers")

我添加了color =“#d7191c”mjs_plot和mjs_histogram无济于事 - 我在两种情况下都有一个未使用的参数错误。我在hrbrmstr的信息页http://hrbrmstr.github.io/metricsgraphics/上找不到任何内容,也无法在帮助手册中找到任何内容。似乎使用颜色选项解释了直方图以外的每种图形类型。

我不熟悉html / javascript,也不确定还有什么可以尝试......

1 个答案:

答案 0 :(得分:1)

您必须修改与直方图矩形对应的类的CSS(在original CSS中查找类的名称)。

一种简单的方法是将以下代码添加到UI定义中:

tags$head(
  tags$style(HTML("
    .mg-histogram .mg-bar rect {
        fill: <your_color>;
        shape-rendering: auto;
    }

    .mg-histogram .mg-bar rect.active {
        fill: <another_color>;
    }")))

还有其他方法可以添加自定义CSS,请参阅here

以下是一个完整的例子:

n <- 5
library(metricsgraphics)
library(shiny)

# Define the UI
ui <- bootstrapPage(
  tags$head(
    tags$style(HTML("
      .mg-histogram .mg-bar rect {
          fill: #ff00ff;
          shape-rendering: auto;
      }

      .mg-histogram .mg-bar rect.active {
          fill: #00f0f0;
      }"))),
  numericInput('n', 'Number of obs', n),
  metricsgraphicsOutput('plot')
)

server <- function(input, output) {
  output$plot <- renderMetricsgraphics({
    mjs_plot(mtcars$mpg, format="count") %>% 
      mjs_histogram(bins = input$n)
  })
}

shinyApp(ui = ui, server = server)