3

0 から 100 (%) の範囲の : Savings 属性を持つアイテムの販売アプリを作成しています。Excelでできるように、その属性が表示されるセルの背景色を条件付きで色付けしたいと考えています。

Excel の条件付き書式設定の基本的な考え方は、処理している範囲 (0 ~ 100) を把握し、それぞれの極値に 1 つの色を割り当てると、その間の項目の色がどうあるべきかを自動的に判断することです。したがって、100 は明るい緑、80 は明るい緑、60 は黄色、40 はオレンジ、20 は明るい赤、0 は明るい赤です。等。

網羅的な意味でこれを行う方法を理解できると思います.0から100までの整数の可能性ごとに異なる16進数の背景色を持つCSSクラスを割り当てるヘルパーを作成するだけです.しかし、それはひどく非効率的です. Rails のテクニック、gem、またはこれをより簡単かつエレガントにできる既存のヘルパーを探してみました。

何か案は?

4

1 に答える 1

5

これを行う jQuery プラグインを作成しました: jQuery Hottie。私はそれをたくさん使ってきました。Railsでそれを行うのに代わる優れた方法のように思えました。

JSFiddle の例

高値、中値、低値を特定の色にマップするカスタム カラー配列を渡すのはかなり簡単です。

于 2012-10-09T18:06:20.897 に答える