svelte-tiny-linked-charts 1.2.0 → 1.2.2

package/README.md

@@ -81,7 +81,8 @@ 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.
+barMinHeight | 0 | Minimum height of the bars in the chart in pixels.
+hideBarBelow | 0 | Bars below this value will be hidden, showing as 0 height.
 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.2.0",
+  "version": "1.2.2",
   "private": false,
   "scripts": {
     "build": "rollup -c",
@@ -44,6 +44,11 @@
   "main": "src/index.js",
   "module": "src/index.mjs",
   "svelte": "src/index.js",
+  "exports": {
+    ".": {
+      "svelte": "./src/index.js"
+    }
+  },
   "author": {
     "email": "mitchel_jager@hotmail.com",
     "name": "mitcheljager"

package/src/LinkedChart.svelte

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