From 63dd3d33356ec1b22ede75aed86ec91150151792 Mon Sep 17 00:00:00 2001
From: Cee <cnell@usgs.gov>
Date: Wed, 22 May 2024 16:42:50 -0500
Subject: [PATCH] better style on y axis
---
src/components/BeeswarmChart.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue
index b5e843e..94fb7f6 100644
--- a/src/components/BeeswarmChart.vue
+++ b/src/components/BeeswarmChart.vue
@@ -149,18 +149,22 @@
const yAxis = svg.append('g')
.attr("transform", "translate(100, 0)")
- .call(d3.axisLeft(yScale));
+ .call(d3.axisLeft(yScale).ticks(5))
+ .attr("stroke-width", 2)
+ .attr("font-size", 20);
// Add label to y axis
svg.append('text')
.attr("class", "yLabel")
.attr("text-anchor", "left")
+ .attr("font-weight", 700)
.attr("transform", `translate(${margin.left}, ${margin.top/2})`)
.text("Level of Agreement");
svg.append('text')
.attr("class", "yLabel")
.attr("text-anchor", "left")
+ .attr("font-weight", 700)
.attr("transform", `translate(${margin.left}, ${height - (margin.bottom/2)})`)
.text("Inconclusive");
--
GitLab