3

我正在编写一个销售应用程序,其中项目的 :savings 属性范围从 0 到 100 (%)。我希望将显示该属性的单元格的背景颜色设置为有条件的颜色,就像您在 Excel 中所做的那样。

Excel 条件格式的基本思想是它计算出您正在处理的范围 (0-100),当您为每个极端分配一种颜色时,它会自动计算出项目之间的颜色应该是什么。所以 100 可能是鲜绿色,80 淡绿色,60 黄色,40 橙色,20 淡红色,0 鲜红色。等等。

我想我可以在详尽的意义上弄清楚如何做到这一点——只需创建一个助手,为 0 到 100 之间的每个整数可能性分配一个具有不同十六进制背景颜色的 CSS 类。但这似乎非常低效,我交叉手指寻求某种 Rails 技术、宝石或预先存在的帮助程序,可以使这更容易和更优雅。

有任何想法吗?

4

1 回答 1

5

我编写了一个 jQuery 插件来执行此操作: jQuery Hottie。我用过很多次。似乎是在 Rails 中做这件事的一个很好的选择。

JSFiddle 示例

传入自定义颜色数组以将高/中/低值映射到特定颜色是相当简单的。

于 2012-10-09T18:06:20.897 回答