add labels to axis. #224

legumeinfo · Apr 16, 2024 · bdc66aa · bdc66aa
1 parent af4908b
commit bdc66aa
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/core/lis-histogram-element.ts b/src/core/lis-histogram-element.ts
@@ -119,5 +119,22 @@ export class LisHistogramElement extends LitElement {
 
     // Add the y-axis
     svgContainer.append('g').call(d3.axisLeft(y));
+
+    // Add the x-axis label
+    svgContainer
+      .append('text')
+      .attr('transform', 'translate(' + 500 / 2 + ' ,' + (500 + 40) + ')')
+      .style('text-anchor', 'middle')
+      .text('Name');
+
+    // Add the y-axis label
+    svgContainer
+      .append('text')
+      .attr('transform', 'rotate(-90)')
+      .attr('y', 0 - 50)
+      .attr('x', 0 - 500 / 2)
+      .attr('dy', '1em')
+      .style('text-anchor', 'middle')
+      .text('Count');
   }
 }