fix: Correct vertical grid lines positioning in chart

freenet · Nov 27, 2024 · 4adc890 · 4adc890
1 parent 734afde
commit 4adc890
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/hugo-site/static/js/small-world-scale.js b/hugo-site/static/js/small-world-scale.js
@@ -255,6 +255,7 @@ waitForD3().then(() => {
 
             // Add static elements
             // Add gridlines
+            // Add horizontal grid lines
             chartG.append('g')
                 .attr('class', 'grid')
                 .attr('opacity', 0.1)
@@ -263,13 +264,14 @@ waitForD3().then(() => {
                     .tickSize(-chartWidth)
                     .tickFormat(''));
 
+            // Add vertical grid lines
             chartG.append('g')
                 .attr('class', 'grid')
                 .attr('transform', `translate(0,${chartHeight})`)
                 .attr('opacity', 0.1)
                 .call(d3.axisBottom(xScale)
                     .ticks(10)
-                    .tickSize(chartHeight)
+                    .tickSize(-chartHeight)  // Changed from positive to negative
                     .tickFormat(''));
 
             // Add the axes