From b3aae4b92383a29a31b7c9557655efc45922c3ad Mon Sep 17 00:00:00 2001 From: "Steinar H. Gunderson" Date: Mon, 26 Dec 2022 13:50:39 +0100 Subject: [PATCH] Show retained/interpolated scores with 50% alpha. --- www/js/remoteglot.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/www/js/remoteglot.js b/www/js/remoteglot.js index b0c89cb..1b905a3 100644 --- a/www/js/remoteglot.js +++ b/www/js/remoteglot.js @@ -1393,12 +1393,16 @@ let update_sparkline = function(data) { let max_score = 1; let last_score = null; let scores = []; + let scores_missing = []; for (let halfmove_num = first_move_num; halfmove_num <= last_move_num; ++halfmove_num) { if (data['score_history'][halfmove_num]) { let score = compute_plot_score(data['score_history'][halfmove_num]); last_score = score; if (score < min_score) min_score = score; if (score > max_score) max_score = score; + scores_missing.push(false); + } else { + scores_missing.push(true); } scores.push(last_score); } @@ -1444,7 +1448,8 @@ let update_sparkline = function(data) { hlcolor[1] = Math.min(hlcolor[1] * 1.4, 1.0); hlcolor[2] = Math.min(hlcolor[2] * 1.4, 1.0); } - rect.style.fill = 'rgb(' + color[0]*100.0 + '%, ' + color[1]*100.0 + '%, ' + color[2]*100.0 + '%)'; + let alpha = scores_missing[i] ? 50 : 100; + rect.style.fill = 'rgba(' + color[0]*100.0 + '%, ' + color[1]*100.0 + '%, ' + color[2]*100.0 + '%, ' + alpha + '%)'; // score_history contains the Nth _position_, but format_tooltip // wants to format the Nth _move_; thus the -1. -- 2.39.2