根据来自服务器的数据对表应用颜色？

假设-23％.... 0％.... 100％是我的数据。对于0％以上应显示绿色阴影和红色阴影。百分比越多，阴影应该越暗。反之亦然。根据来自服务器的数据对表应用颜色？

任何解决方案？

2017-09-06 P J

分享您的代码，以便我们可以帮你 –

问题不明确！这是十六进制＃000000，这是rgb => rgb（0，0，0），你到底在说什么？ – Rakeschand

添加jsfiddle链接到问题 – maxhb

为绿色色调，即积极的百分比首先，我已经采取了最大百分比，并四舍五入到下一个第五多然后将该四舍五入的值除以5。如果假设7.6是最高值，那么舍入值将是10.因此10/5是2。在这之后创建一个数组。这里数组将是[2,4,6,8]。现在我正在比较应用阴影的每个百分比。

 var dataPositive = [0.12, 4.5, 6.6, 8.9, 0.34, 1.34, 5.6, 9.8, 18.45]; 
     var maxPositivePercent = Math.max(...dataPositive); 
     var roundUpToClosestValue = Math.ceil(maxPositivePercent/5); 
     console.log(roundUpToClosestValue); 

     $scope.candlePositive = [1,2,3,4,5]; 
     for(var i=0 ; i < $scope.candlePositive.length; i++) { 
      $scope.candlePositive[i] = $scope.candlePositive[i] 
      *roundUpToClosestValue; 
      } 
      $scope.candleColorPos = [ 
      '#C8FFC8', 
      '#96FF96', 
      '#57f702', 
      '#59a033', 
      '#2b7c01' 
     ];

这里是[链接] http://plnkr.co/edit/gaLEPX8n6efskp3I75bU?p=preview

来源

2017-09-07 16:02:48

使用ng-class指令条件

添加类基础恩。

HTML

<input ng-model="shadesVariable" /> 

<div ng-class="{'class-green': shadesVariable > 0, 'class-red': shadesVariable < 0}"></div>

在你的CSS

.class-green { 
    color: #808080 
} 
.class-red { 
    color: #FF0000 
}

添加同名类如果每次你想改变类值，则使用动态值或使用内嵌样式

来源

2017-09-06 06:12:40

根据来自服务器的数据对表应用颜色？

回答

相关问题