2016-05-04 20 views
0

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