Question

我有一个数据表，其中包含一个名为percent的列。我希望该列中单元格的背景颜色取决于该单元格中的值。因此，如果＆lt; = -8，颜色将为红色。如果-4，颜色将是黄色。如果＆gt; = 0则为绿色。但应该是一个渐变，以便像2.2之间的数字将介于黄色和绿色之间。任何人都可以帮我一个我可以用于我的具体任务的例子吗？我很感激帮助。

Answer 1

我的回答是受到这个问题的接受答案的启发，

Color coding based on number

function GreenYellowRed（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小提琴：https://jsfiddle.net/vu1b1m57/

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

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

1 个答案: