热棒准确性

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!