画像は x=0.7 のとき 70% を示します
このフィドルを観察してください：http://jsfiddle.net/jayeshjain24/ddfsb/1/
ボックス内の値に応じて、グラデーションが表示されます。次の詳細には、何をすべきかについての情報が含まれています:::
Formula------> (x/1)*100=Percentage.(this determines the % of gradient!!!)
x will vary from 0 to 0.999
ここで、x = ボックスに表示される値 (viz.0.06、0.09、0.9 など) 。これらの値は、最初の要素 = いくつかのランダム ID (これは無視)と2 番目の要素 (多次元または単純な配列)を持つ配列であるvar データから取得されます ( )!!!ボックス内に表示されるすべての値は、配列の 2 番目のパラメーターです。
私が望むのは、上記の式を使用してその値に基づいてパーセンテージを計算し、上の画像で行ったようにパーセンテージで表示することです。
COLOR-CODE for above image--->background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(67%,rgba(28,31,178,1)), color-stop(80%,rgba(144,192,229,1))); /* Chrome,Safari4+ */
生成元 --> http://www.colorzilla.com/gradient-editor/
-------------------------------------------------- ---------簡素化-------------------------------------------- ----------
Lets say if value==0.5
セルが最初の行の場合-->その場合
- 青を親色と仮定します（したがって、グラデーションは青と水色になります。任意の親色を使用できますが、グラデーションは相対的である必要があります）
- 上記の式を使用して 0.5 をパーセンテージに変換します---> 50% が得られます...つまり、50% の濃い青の後に 50% の水色が続きます。