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

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

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

有什么想法吗?

请您参考如下方法:

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

JSFiddle example .

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


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!