我有一个JSON文件，我已从中提取数据并将其显示到html表中。
有60个表，每个表有3个单元格，每个单元格都有一定的价值。
现在，我想在单元格中显示颜色，而不是数字。因此，假设数字为29673.4，则应使用绿色填充该特定单元格，直到该单元格的29％，其余71％的单元格应保留白色，如果数字为90881.13333，则应填充该特定单元格。绿色的单元格，直到该单元格的90％。
它不允许我添加屏幕截图，因为我是Stack Overflow的新手，并且没有10个声誉。
我希望你能理解我的问题。
如果要在同一表格单元格中使用两种不同的颜色，请尝试分配CSS渐变。
background: linear-gradient(to bottom, #ffffff 71%, #50aa50 72%);
/* very little transition with 1% difference */
您可以编写一个jQuery函数，该函数将自动为这些单元格着色：
$('selector').each(function() {
var v = 100 - ($(this).text() / 1000); // since we're coloring top-to-bottom
$(this).css('background','linear-gradient(to bottom ,#ffffff '+v+'%, #50aa50 '+(v+1)+'%)');
});
（必要时，当前版本的jQuery也应为此属性处理浏览器前缀。）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句