render axis ticks and values. add padding. #224

legumeinfo · Apr 17, 2024 · e13975f · e13975f
1 parent 9361bb7
commit e13975f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/core/lis-histogram-element.ts b/src/core/lis-histogram-element.ts
@@ -113,7 +113,7 @@ export class LisHistogramElement extends LitElement {
       .attr('x', (d) => x(d.name) as number)
       .attr('y', (d) => y(d.count))
       .attr('width', x.bandwidth())
-      .attr('height', (d) => 500 - y(d.count))
+      .attr('height', (d) => height - y(d.count))
       .attr('fill', 'steelblue');
 
     // Add the x-axis label
@@ -138,7 +138,7 @@ export class LisHistogramElement extends LitElement {
     // Add the x-axis
     svgContainer
       .append('g')
-      .attr('transform', 'translate(0,' + 500 + ')')
+      .attr('transform', 'translate(0,' + height + ')')
       .call(d3.axisBottom(x));
 
     // Add the y-axis