@internetstiftelsen/charts 0.9.1 → 0.10.0

package/dist/types.d.ts

@@ -176,6 +176,7 @@ export type BarValueLabelConfig = ValueLabelConfig & {
     position?: 'inside' | 'outside';
     insidePosition?: 'top' | 'middle' | 'bottom';
 };
+export type BarSide = 'left' | 'right';
 export type LineConfigBase = {
     dataKey: string;
     stroke?: string;
@@ -185,11 +186,21 @@ export type LineConfigBase = {
 export type LineConfig = LineConfigBase & {
     exportHooks?: ExportHooks<LineConfigBase>;
 };
+export type ScatterConfigBase = {
+    dataKey: string;
+    stroke?: string;
+    pointSize?: number;
+    valueLabel?: LineValueLabelConfig;
+};
+export type ScatterConfig = ScatterConfigBase & {
+    exportHooks?: ExportHooks<ScatterConfigBase>;
+};
 export type BarConfigBase = {
     dataKey: string;
     fill?: string;
     colorAdapter?: (data: DataItem, index: number) => string;
     maxBarSize?: number;
+    side?: BarSide;
     valueLabel?: BarValueLabelConfig;
 };
 export type BarConfig = BarConfigBase & {
@@ -258,8 +269,8 @@ export type YAxisConfig = YAxisConfigBase & {
     exportHooks?: ExportHooks<YAxisConfigBase>;
 };
 export type GridConfigBase = {
-    horizontal?: boolean;
-    vertical?: boolean;
+    value?: boolean;
+    category?: boolean;
 };
 export type GridConfig = GridConfigBase & {
     exportHooks?: ExportHooks<GridConfigBase>;
@@ -328,6 +339,7 @@ export type ScaleConfig = {
     range?: number[];
     padding?: number;
     groupGap?: number;
+    reverse?: boolean;
     nice?: boolean;
     min?: number;
     max?: number;
@@ -344,6 +356,10 @@ export type BarStackingContext = {
     totalSeries: number;
     cumulativeData: Map<string, number>;
     totalData: Map<string, number>;
+    positiveCumulativeData: Map<string, number>;
+    negativeCumulativeData: Map<string, number>;
+    positiveTotalData: Map<string, number>;
+    negativeTotalData: Map<string, number>;
     gap: number;
     nextLayerData?: Map<string, number>;
 };

package/dist/validation.d.ts

@@ -26,6 +26,10 @@ export declare class ChartValidator {
      * Validates scale configuration
      */
     static validateScaleConfig(scaleType: string, domain: ScaleDomainValue[] | undefined): void;
+    /**
+     * Validates that explicit numeric bar domains include zero so bars retain a truthful baseline
+     */
+    static validateBarDomainIncludesZero(domain: ScaleDomainValue[] | undefined): void;
     /**
      * Warns about potential issues without throwing errors
      */

package/dist/validation.js

@@ -91,6 +91,25 @@ export class ChartValidator {
             }
         }
     }
+    /**
+     * Validates that explicit numeric bar domains include zero so bars retain a truthful baseline
+     */
+    static validateBarDomainIncludesZero(domain) {
+        if (!domain || domain.length < 2) {
+            return;
+        }
+        const numericDomain = domain.filter((value) => {
+            return typeof value === 'number' && Number.isFinite(value);
+        });
+        if (numericDomain.length < 2) {
+            return;
+        }
+        const minValue = Math.min(...numericDomain);
+        const maxValue = Math.max(...numericDomain);
+        if (minValue > 0 || maxValue < 0) {
+            throw new ChartValidationError('Bar charts require explicit numeric domains to include 0 so bars can render from a zero baseline');
+        }
+    }
     /**
      * Warns about potential issues without throwing errors
      */

package/dist/xy-chart.d.ts

@@ -1,6 +1,6 @@
 import { BaseChart, type BaseChartConfig, type BaseLayoutContext, type BaseRenderContext } from './base-chart.js';
 import type { ChartComponentBase } from './chart-interface.js';
-import { type AreaStackConfig, type BarStackConfig, type LegendSeries, type Orientation } from './types.js';
+import { type AreaStackConfig, type AxisScaleConfig, type BarStackConfig, type LegendSeries, type Orientation, type ScaleType } from './types.js';
 export type XYChartConfig = BaseChartConfig & {
     orientation?: Orientation;
     barStack?: BarStackConfig;
@@ -13,6 +13,7 @@ export declare class XYChart extends BaseChart {
     private barStackReverseSeries;
     private areaStackMode;
     private readonly orientation;
+    private scaleConfigOverride;
     constructor(config: XYChartConfig);
     addChild(component: ChartComponentBase): this;
     protected getExportComponents(): ChartComponentBase[];
@@ -23,18 +24,32 @@ export declare class XYChart extends BaseChart {
     private getXKey;
     protected getLegendSeries(): LegendSeries[];
     private getCategoryScaleType;
+    getOrientation(): Orientation;
+    getValueAxisScaleType(): ScaleType | null;
+    getValueAxisDomain(): [number, number] | null;
+    getBaseValueAxisDomain(): [number, number] | null;
+    setScaleConfigOverride(override: AxisScaleConfig | null, rerender?: boolean): this;
+    private resolveValueAxisDomain;
     private getVisibleSeries;
     private getDisplaySeries;
     private resolveSeriesDefaults;
     private shouldReplaceSeriesColor;
     private cloneSeriesWithOverride;
     private setupScales;
+    private get resolvedScaleConfig();
+    private getResolvedAxisConfigs;
+    private getAxisConfigsForScaleConfig;
     private isHorizontalOrientation;
+    private getSeriesTypeName;
     private validateSeriesOrientation;
     private collectSeriesValues;
+    private getBarPercentDomain;
+    private getBarValueDomain;
     private getStackedAreaGroups;
     private buildBandDomainWithGroupGaps;
+    private getScaleRange;
     private createScale;
+    private resolveScaleDomain;
     private getSeriesTooltipValue;
     private renderSeries;
     private computeStackingData;