私はアイテムに 0 ~ 100 (%) の範囲の : Savings 属性を持つ販売アプリを作成しています。 Excelで行うことができるように、その属性が表示されるセルの背景色を条件付きで色付けできるようにしたいと考えています。
Excel の条件付き書式設定の基本的な考え方は、扱っている範囲 (0 ~ 100) を計算し、各極値に 1 つの色を割り当てると、その間の項目の色が自動的に計算されるというものです。したがって、100 は明るい緑、80 は穏やかな緑、60 は黄色、40 はオレンジ、20 は穏やかな赤、0 は明るい赤になります。等。
包括的な意味でこれを行う方法は理解できると思います。0 から 100 までの整数の可能性ごとに異なる 16 進数の背景色を割り当てる CSS クラスを割り当てるヘルパーを作成するだけです。しかし、それは非常に非効率であるように思えます。これをより簡単かつエレガントにすることができる、何らかの Rails テクニック、宝石、または既存のヘルパーを探しています。
何か案は?
私はこれを行う jQuery プラグイン、jQuery Hottie を書きました。たくさん使ってきました。 Rails でそれを行うための優れた代替手段のように思えました。
JSFiddle の例。
カスタム カラー配列を渡して高値、中値、低値を特定の色にマッピングするのは非常に簡単です。