2016-05-04 82 views
0

是否有一個JavaScript圖表,看起來像這樣:heat bar ,你可以把點的準確性放在這個。因此,不是從黑到紅,而是在末端爲紅色,在中間爲綠色,並且距離中心越遠,讀數越不準確?準確性熱棒

+0

不應該是太難寫,有效地你只需要編寫一個映射到你有p中的設計滑塊控件在上面漫步。看到這個例子:https://jqueryui.com/slider/。我從你的問題中推測你將需要指定滑塊應該指向的值。在這種情況下,也可以看看這裏https://forum.jquery.com/topic/change-value-of-slider-dynamically –

回答

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! 
+0

我可以在它上面添加一行以指示當前樂譜的位置? – Rob

+0

@Rob是的,你會的 – slf