svelte-plots-basic 2.2.2 → 2.2.4

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "svelte-plots-basic",
    "description": "Svelte components for creating simple plots",
-   "version": "2.2.2",
+   "version": "2.2.4",
    "author": "Sergey Kucheryavskiy",
    "license": "MIT",
    "private": false,

package/src/2d/Axes.svelte

@@ -293,8 +293,8 @@
          left = xLabel && xLabel !== '' ? m : 0;
          bottom = yLabel && yLabel !== '' ? m : 0;
          top = title && title !== '' ? m : 0;
-         width = pcr.width - left;
-         height = pcr.height - bottom - top;
+         width = pcr.width > left ? pcr.width - left : 0;
+         height = pcr.height > (bottom + top) ? pcr.height - bottom - top : 0;
       }
    });
 
@@ -320,15 +320,15 @@
       <g style={lblStyleStr}>
          <!-- y-axis label -->
          {#if yLabel && yLabel !== ''}
-         <text x={0} y={(height + top) /2} dx={0} dy={0} transform={`rotate(-90, 10, ${height/2})`} style="font-size:1.1em;">{@html yLabel}</text>
+         <text x={0} y={(height + top) /2} dx={0} dy={0} dominant-baseline="top" transform={`rotate(-90, 10, ${height/2})`} style="font-size:1.1em;">{@html yLabel}</text>
          {/if}
          <!-- x-axis label -->
          {#if xLabel && xLabel !== ''}
-         <text x={left + width/2 } y={height + top} dx={0} dy={5} alignment-baseline="hanging" style="font-size:1.1em;">{@html xLabel}</text>
+         <text x={left + width/2 } y={height + top} dx={0} dy={5} dominant-baseline="middle" style="font-size:1.1em;">{@html xLabel}</text>
          {/if}
          <!-- plot title -->
          {#if title && title !== ''}
-         <text x={left + width/2 } y={0} dx={0} dy={10} alignment-baseline="hanging" style="font-size:1.2em;">{@html title}</text>
+         <text x={left + width/2 } y={0} dx={0} dy={10}  dominant-baseline="hanging" style="font-size:1.2em;">{@html title}</text>
          {/if}
       </g>