svelte-tiny-linked-charts 1.1.4 → 1.2.0

package/README.md

@@ -81,6 +81,7 @@ uid | | Unique ID to link this chart to a LinkedValue component with the same ui
 height | 40 | Height of the chart in pixels.
 width | 150 | Width of the chart in pixels.
 barMinWidth | 4 | Width of the bars in the chart in pixels.
+barMinHeight | 0 | Mimumum height of the bars in the chart in pixels.
 grow | false | Whether or not the bar should grow to fill out the full width of the chart.
 align | right | The side the bars should align to when they do not completely fill out the chart.
 gap | 1 | Gap between the bars in pixels.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tiny-linked-charts",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "private": false,
   "scripts": {
     "build": "rollup -c",
@@ -40,6 +40,7 @@
     "src/"
   ],
   "license": "MIT",
+  "type": "module",
   "main": "src/index.js",
   "module": "src/index.mjs",
   "svelte": "src/index.js",

package/src/LinkedChart.svelte

@@ -10,6 +10,7 @@
   export let height = 40
   export let width = 150
   export let barMinWidth = 4
+  export let barMinHeight = 0
   export let grow = false
   export let align = "right"
   export let gap = 1
@@ -61,7 +62,7 @@
   }
 
   function getHeight(value) {
-    return Math.round((parseInt(height) / highestValue) * value - (type == "line" ? barWidth / 2 : 0)) || 0
+    return Math.max(Math.round((parseInt(height) / highestValue) * value - (type == "line" ? barWidth / 2 : 0)) || 0, barMinHeight)
   }
 
   function getBarWidth() {