fix axis marks

gka · gka · commit 9077f3437193 · 2025-06-11T19:38:24.000+02:00
diff --git a/src/lib/marks/AxisX.svelte b/src/lib/marks/AxisX.svelte
@@ -201,29 +201,31 @@
                 plot,
                 'fill'
             )}
-            x={titleAlign === 'right' ? plot.width : titleAlign === 'center' ? plot.width / 2 : 0}
-            y={5}
+            x={plot.options.marginLeft +
+                plot.plotWidth * (titleAlign === 'right' ? 1 : titleAlign === 'center' ? 0.5 : 0)}
+            y={anchor === 'top' ? 13 : plot.height - 13}
             class="axis-x-title"
-            dominant-baseline="hanging">{useTitle}</text>
+            dominant-baseline={anchor === 'top' ? 'auto' : 'hanging'}>{useTitle}</text>
     {/if}
     {#if showAxis}
         <BaseAxisX
+            {anchor}
+            {className}
+            {labelAnchor}
+            {options}
             {plot}
+            {text}
+            {tickClass}
+            {tickFontSize}
+            {tickPadding}
+            {ticks}
+            {tickSize}
+            height={plot.facetHeight}
+            marginTop={plot.options.marginTop}
             scaleFn={plot.scales.x.fn}
             scaleType={plot.scales.x.type}
             tickFormat={useTickFormat}
-            {ticks}
-            marginTop={plot.options.marginTop}
-            height={plot.facetHeight}
-            {anchor}
-            {tickSize}
-            {tickPadding}
-            {tickFontSize}
-            {tickClass}
-            {text}
-            {labelAnchor}
-            {className}
-            {options} />
+            title={useTitle} />
     {/if}
 </Mark>
 
diff --git a/src/lib/marks/AxisY.svelte b/src/lib/marks/AxisY.svelte
@@ -66,7 +66,8 @@
         data = Array.isArray(magicTicks) ? magicTicks : [],
         automatic = false,
         title,
-        anchor,
+        anchor = 'left',
+        class: className,
         facetAnchor = 'auto',
         interval = typeof magicTicks === 'string' ? magicTicks : undefined,
         lineAnchor = 'center',
@@ -187,21 +188,23 @@
     {/if}
     {#if showAxis}
         <BaseAxisY
+            {anchor}
+            {className}
+            {lineAnchor}
+            {options}
             {plot}
+            {text}
+            {tickClass}
+            {tickFontSize}
+            {tickPadding}
+            {ticks}
+            {tickSize}
+            marginLeft={plot.options.marginLeft}
             scaleFn={plot.scales.y.fn}
             scaleType={plot.scales.y.type}
             tickFormat={useTickFormat}
-            {ticks}
-            marginLeft={plot.options.marginLeft}
-            width={plot.facetWidth}
-            {anchor}
-            {lineAnchor}
-            {tickSize}
-            {tickPadding}
-            {tickFontSize}
-            {tickClass}
-            {text}
-            {options} />
+            title={useTitle}
+            width={plot.facetWidth} />
     {/if}
 </Mark>
 
