jquery - 基于数字/百分比的动态表格行背景颜色 - 色标

Question

我有一个数据表，其中有一列名为百分比。我希望该列中单元格的背景颜色取决于该单元格中的值。因此，如果 <= -8，颜色将为红色。如果 -4 颜色将是黄色。如果 >=0 则为绿色。但应该是一个渐变，这样介于 2.2 之间的数字就会介于黄色和绿色之间。任何人都可以帮我举一个我可以用于我的特定任务的例子吗？感谢您的帮助。

Answer 1

我的回答灵感来自这个问题的公认答案，

Color coding based on number

function GreenYellowRed(value) {
  value--;
  
  var r,g,b;

  if (value < 4) {
    // green to yellow
    r = Math.floor(255 * (value / 4));
    g = 255;

  } else {
    // yellow to red
    r = 255;
    g = Math.floor(255 * ((4-value%4) / 4));
  }
 b = 0;

  return r + "," + g + "," + b;
}

工作 JS fiddle :https://jsfiddle.net/vu1b1m57/

更新 请参阅新的 JSFiddle https://jsfiddle.net/vu1b1m57/1/