kaze-design-system 0.7.0 → 0.8.0

package/dist/components/LineChart/LineChart.js

@@ -95,6 +95,7 @@ const LineChart = forwardRef(
     showLegend = true,
     showDots = false,
     yAxisWidth = 48,
+    startAtZero = true,
     formatValue = defaultFormat,
     "aria-label": ariaLabel,
     className,
@@ -146,7 +147,7 @@ const LineChart = forwardRef(
       lo = 0;
       hi = 1;
     }
-    const scale = niceScale(lo, hi, 5);
+    const scale = niceScale(lo, hi, 5, startAtZero);
     const yOf = linearScale([scale.min, scale.max], [PAD_TOP + plotH, PAD_TOP]);
     const xOf = (i) => padLeft + (n <= 1 ? plotW / 2 : i / (n - 1) * plotW);
     const labelStep = Math.max(1, Math.ceil(X_LABEL_MIN_GAP / (n <= 1 ? plotW : plotW / (n - 1))));

package/dist/lib/chartScale.js

@@ -6,9 +6,9 @@ function niceStep(rawStep) {
   const nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10;
   return nice * base;
 }
-function niceScale(dataMin, dataMax, tickCount = 5) {
-  let lo = Math.min(dataMin, 0);
-  let hi = Math.max(dataMax, 0);
+function niceScale(dataMin, dataMax, tickCount = 5, includeZero = true) {
+  let lo = includeZero ? Math.min(dataMin, 0) : dataMin;
+  let hi = includeZero ? Math.max(dataMax, 0) : dataMax;
   if (lo === hi) {
     hi = lo + 1;
   }

package/dist/types/components/LineChart/LineChart.d.ts

@@ -32,6 +32,8 @@ export interface LineChartProps extends Omit<HTMLAttributes<HTMLDivElement>, "ch
     showDots?: boolean;
     /** Width reserved for y axis labels in px (default: 48) */
     yAxisWidth?: number;
+    /** Include zero in the y axis (default: true). Set false to fit the data range, e.g. a price or balance line */
+    startAtZero?: boolean;
     /** Format values for y axis and tooltip */
     formatValue?: (value: number) => string;
     /** Accessible description of the chart (required) */

package/dist/types/lib/chartScale.d.ts

@@ -9,10 +9,10 @@ export interface NiceScale {
 }
 /**
  * Compute axis bounds and evenly spaced ticks that cover [min, max].
- * Zero is always included when the data does not cross it, so bars and areas
- * have a meaningful baseline.
+ * By default zero is included so bars and areas have a meaningful baseline;
+ * pass `includeZero: false` to fit the data range (e.g. a portfolio value line).
  */
-export declare function niceScale(dataMin: number, dataMax: number, tickCount?: number): NiceScale;
+export declare function niceScale(dataMin: number, dataMax: number, tickCount?: number, includeZero?: boolean): NiceScale;
 /** Linear map from a domain to a range. */
 export declare function linearScale(domain: [number, number], range: [number, number]): (value: number) => number;
 /** Default compact number formatter for axis labels (1,200 / 1.2万 style is left to callers). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaze-design-system",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "private": false,
   "type": "module",
   "license": "MIT",