Question

我有一个从0到311到351的数值范围，在css中有一种方法可以制作随之移动的刻度，从红色开始，在311上转换为黄色，然后在311转换为黄色到绿色351？

我需要在比例尺的给定点上给定颜色，而不是满刻度;所以我想知道的是我可以在css中制作一些颜色为％红色，一些％黄色，一些绿色？

Answer 1

您可以使用linear-gradient - 311/351 * 100 = 88.6％执行此操作，因此渐变将从红色0％到黄色88.6％到绿色100％：

＆＃13;

.scale {
  height: 50px;
  background: linear-gradient(to right, red 0%, yellow 88.6%, green 100%);
}

＆＃13;

<div class="scale"></div>

＆＃13;

Answer 2

您是否尝试设置表格列单元格并使用jQuery？如果是这样，HeatColor是一个易于集成的插件，并有很多选项。 http://www.jnathanson.com/blog/client/jquery/heatcolor/