diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue index b5e843e5112bfb3708fd290bccc55640a9e212be..94fb7f67904685f204288a525107429c325200c8 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");