准确性热棒

Question

是否有一个JavaScript图表，看起来像这样： ，你可以把点的准确性放在这个。因此，不是从黑到红，而是在末端为红色，在中间为绿色，并且距离中心越远，读数越不准确？

Answer 1

我认为你正在寻找这样的事情plot.ly colorscale：

https://plot.ly/javascript/heatmap-and-contour-colorscales/#hot-colorscale

如果不为你工作，你需要更多的控制，你可以使用d3.js色标直接

http://synthesis.sbecker.net/articles/2012/07/16/learning-d3-part-6-scales-colors

var color = d3.scale.linear() 
    .domain([-1, 0, 1]) 
    .range(["red", "white", "green"]); 

color(-1) // "#ff0000" red 
color(-0.5) // "#ff8080" pinkish 
color(0) // "#ffffff" white 
color(0.5) // "#80c080" getting greener 
color(0.7) // "#4da64d" almost there.. 
color(1) // "#008000" totally green!