颜色分级取决于数量

时间:2017-09-18 06:42:55

标签: javascript

我有一段代码,我想要一些颜色分级。从深红色到深绿色。我尝试了不同的方法,但它保持不变的红色或绿色。 值从-100到+100。

如果有人能看看我能用这段代码做些什么,那么它就会受到影响。谢谢。

<script type="text/javascript">
 export const percentColor = (percent) => {
 const bgColorScale = (Math.abs(percent * 100) / 10) + 0.2  
 return (percent > 0) ? `rgba(129, 199, 132,${bgColorScale}) ` : `rgba(229, 
115, 115,${bgColorScale})`
 }
 var $cells = document.getElementsByTagName('td'), $negative, $i;
 for ($i = 0; $i < $cells.length; $i++) {
 const $value = $cells[$i].innerHTML.replace(',','')
 if ($cells[$i].className === 'colorchange' && !isNaN($value)) {
 $negative = (1 * $value) < 0;
 $cells[$i].style.backgroundColor = $negative ? '#b22222' : '#00804f';
 $cells[$i].style.color           = $negative ? '#ffffff' : '#ffffff';
  }
  }
</script>

0 个答案:

没有答案