在codeigniter中的jquery中的绿色到红色渐变颜色

时间:2017-03-04 07:24:18

标签: javascript php jquery html codeigniter

我从数据库中计算数据和获取,并以百分比格式显示在表格中。

这是我的表

<table id="myTable" class="myTable">
<thead>
  <tr class="">
    <th>Types of Work</th>
    <th>value</th>
    <th>Count Percent(%)</th>
    <th>Hours</th>
    <th>Hours Percent(%)</th>
  </tr>
</thead>
<tbody>
<?php $count=0; 
      $count_percent=0;
      $total_time=0;
?>
  <?php foreach($result as $row) { ?>
      <tr>
      <td><?php echo $row->t_name;?></td>
      <td><?php echo $row->NUM;?></td>
      <td><?php echo round($row->count_percent,1)."%";?></td>
      <td><?php echo round($row->value_sum,1);?></td>
      <td><?php echo round($row->duration_percent,1)."%";?></td>
      </tr>
      <?php
        $count += $row->value_sum; 
        $total_time += $row->NUM;  
      } 
      ?>
      <tr>
        <td>Total</td>
        <td><?php echo "$total_time";?></td>
        <td></td>
        <td><?php echo round("$count",1); ?></td>
        <td></td>
      </tr>
</tbody>
</table>

我想根据百分比在表格中将渐变颜色从绿色变为红色。

这是我的jquery代码:

$(".myTable .valueTD").each(function(){
    var r = Math.min(100,parseInt(this.innerHTML,10)*2+10);
    var g = Math.min(100,200-parseInt(this.innerHTML,10)*2+10);
    this.style.backgroundColor = "rgb(" + g + "%," + r + "%,0%)"
});

我在谷歌上搜索但没有找到答案。

请帮我找到解决方案

0 个答案:

没有答案