Question

我使用优秀的shiny包开发了一个R DT应用来处理数据表。其中一个表使用styleColorbar辅助函数，它在表格单元格中生成与每个单元格的值成比例的彩色条。

这适用于在Windows中运行的Chrome和Firefox，但在Chrome或Sony Experia Android平板电脑上的原生浏览器中运行时，彩色条不会显示。

此处的演示网页也是如此：https://rstudio.github.io/DT/functions.html。所以我认为这不是我使用代码所特有的问题。

该函数基本上是一个JS包装器......我对JS的知识完全没有。

styleColorBar = function(data, color, angle=90) {
  rg = range(data, na.rm = TRUE, finite = TRUE)
  r1 = rg[1]; r2 = rg[2]; r = r2 - r1
  JS(sprintf(
    "isNaN(parseFloat(value)) || value <= %s ? '' : 'linear-gradient(%sdeg, transparent ' + (%s - value)/%s * 100 + '%%, %s ' + (%s - value)/%s * 100 + '%%)'",
  r1, angle, r2, r, color, r2, r
  ))
}

我在以下环境中使用它：

dat = DT::datatable(diversity,
      options = list(
        scrollX = TRUE, 
        scrollY = 400,
        autoWidth = TRUE,
        columnDefs = list(
          list(visible = FALSE, targets = hidden)
        )
      ),
      style = "bootstrap", 
      class = "table-striped table-compact", 
      extensions = c("FixedColumns"),
      )
       %>%
formatStyle(
      c(1),
      background = styleColorBar(c(0,diversity[,1]), 'olivedrab'),
      backgroundSize = '99% 90%',
      backgroundRepeat = 'no-repeat',
      backgroundPosition = 'center'
    )

任何人都可以建议可能出现的问题以及解决此问题的方法在Android平台上运行吗？

编辑：我相信这可能是线性渐变语法的问题，它与早期版本的Android存在兼容性问题。但是，我在Android 4.1平板电脑上进行了测试，所以不确定是什么问题。

Answer 1

我在Github提出了同样的问题，yihui的回答可以在这里找到：https://github.com/rstudio/DT/issues/222。他认为使用-webkit-可以解决问题。其他在线信息也表明这应该适用于较旧的Android系统。我会在这里发布他的代码以帮助其他人：

styleColorBar2 = function(...) {
  sub('linear-gradient', '-webkit-linear-gradient', styleColorBar(...))
}

我不确定如何从R中检测系统上运行的Android版本，但这是一个单独的问题。

DT包：styleColorbar（）无法在Android平板电脑上运行

1 个答案: