@internetstiftelsen/charts 0.0.4 → 0.0.6

package/legend.js

@@ -54,8 +54,10 @@ export class Legend {
         return this.visibilityState.get(dataKey) ?? true;
     }
     getCheckmarkPath(size) {
-        const scale = size / 24;
-        return `M ${4 * scale} ${12 * scale} L ${9 * scale} ${17 * scale} L ${20 * scale} ${6 * scale}`;
+        const scale = (size / 24) * 0.7;
+        const offsetX = size * 0.15;
+        const offsetY = size * 0.15;
+        return `M ${4 * scale + offsetX} ${12 * scale + offsetY} L ${9 * scale + offsetX} ${17 * scale + offsetY} L ${20 * scale + offsetX} ${6 * scale + offsetY}`;
     }
     parseColor(color) {
         // Handle hex colors
@@ -153,7 +155,7 @@ export class Legend {
             const isVisible = this.visibilityState.get(d.dataKey) ?? true;
             return isVisible ? d.color : theme.legend.uncheckedColor;
         })
-            .attr('rx', 2);
+            .attr('rx', 3);
         // Add checkmark when visible
         legendGroups
             .append('path')

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.4",
+    "version": "0.0.6",
     "name": "@internetstiftelsen/charts",
     "type": "module",
     "sideEffects": false,

package/theme.js

@@ -28,7 +28,7 @@ export const defaultTheme = {
         fontWeight: 'normal',
     },
     legend: {
-        boxSize: 20,
+        boxSize: 24,
         uncheckedColor: '#d0d0d0',
         fontSize: 14,
     },

package/types.d.ts

@@ -56,7 +56,7 @@ export type XAxisConfig = {
     rotatedLabels?: boolean;
 };
 export type YAxisConfig = {
-    tickFormat?: string | null;
+    tickFormat?: string | ((value: any) => string) | null;
 };
 export type GridConfig = {
     horizontal?: boolean;

package/y-axis.js

@@ -42,7 +42,12 @@ export class YAxis {
         const axis = axisLeft(y).tickSize(0).tickPadding(this.tickPadding);
         // Apply tick formatting if specified
         if (this.tickFormat) {
-            axis.ticks(5, this.tickFormat);
+            if (typeof this.tickFormat === 'function') {
+                axis.ticks(5).tickFormat(this.tickFormat);
+            }
+            else {
+                axis.ticks(5, this.tickFormat);
+            }
         }
         else {
             axis.ticks(5);