css - Rails 中数字的 Excel 样式条件格式

Question

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

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

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

有什么想法吗？

Answer 1

我写了一个 jQuery 插件来做这个:jQuery Hottie .我已经用了很多。似乎是在 Rails 中进行此操作的绝佳替代方案。

JSFiddle example .

传递自定义颜色数组以将高/中/低值映射到特定颜色非常简单。