diff --git a/src/components/CallRiskScoreBar.vue b/src/components/CallRiskScoreBar.vue
index f4d0fed..27824a3 100644
--- a/src/components/CallRiskScoreBar.vue
+++ b/src/components/CallRiskScoreBar.vue
@@ -8,7 +8,6 @@ const props = defineProps({
const id = "csrScoreBar";
-
onMounted(() => {
drawScale(id, d3.interpolateRdYlGn);
});
@@ -16,13 +15,9 @@ onMounted(() => {
function drawScale(id, interpolator) {
var data = Array.from(Array(100).keys());
- var cScale = d3.scaleSequential()
- .interpolator(interpolator)
- .domain([0, 99]);
+ var cScale = d3.scaleSequential().interpolator(interpolator).domain([0, 99]);
- var xScale = d3.scaleLinear()
- .domain([0, 99])
- .range([0, 360]);
+ var xScale = d3.scaleLinear().domain([0, 99]).range([0, 360]);
d3.select("#" + id)
.selectAll("rect")
@@ -39,9 +34,9 @@ function drawScale(id, interpolator) {
return Math.floor(xScale(d + 1)) - Math.floor(xScale(d)) + 1;
})
.attr("fill", (d) => {
- if (d >= props.score && d < props.score+1) {
- console.log("d = " + d)
- return "black"
+ if (d >= props.score && d < props.score + 1) {
+ console.log("d = " + d);
+ return "black";
}
return cScale(d);
});
@@ -50,14 +45,17 @@ function drawScale(id, interpolator) {