@wavemaker/react-native-echarts 1.0.0-dev.0

package/.npmignore

@@ -0,0 +1,4 @@
+# Source and dev
+*.map
+*.tgz
+.DS_Store

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 rn-widgets contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+# @wavemaker/react-native-echarts
+
+React Native chart components built with ECharts (via `@wuba/react-native-echarts`) and Skia. Works with Expo and bare React Native. Visit storybook at https://wavemaker.github.io/wm-react-native-echarts for more details on how to use and examples.
+
+---
+
+## Building the library (maintainers)
+
+Compile components and prepare the npm package:
+
+```bash
+npm run build:lib      # TypeScript compile → dist/npm-packages/charts
+npm run prepare:npm    # Write package.json, copy README, .npmignore
+cd dist/npm-packages/charts && npm publish
+```
+
+---
+
+## Development
+
+This repo is an Expo app. To run the app and Storybook:
+
+```bash
+npm install
+npx expo start # for mobile preview
+npm run storybook # to checout the component stories 
+```
+
+---
+
+## Maintainers
+
+This package is maintained by [WaveMaker](https://www.wavemaker.com/). The source repository is [wavemaker/wm-react-native-echarts](https://github.com/wavemaker/wm-react-native-echarts). Use [GitHub Issues](https://github.com/wavemaker/wm-react-native-echarts/issues) for bug reports and feature requests.
+
+---
+
+## License
+
+MIT

package/area/area-chart.d.ts

@@ -0,0 +1,12 @@
+import type { AreaChartProps } from './area-chart.props';
+import React from 'react';
+export type { AreaChartProps, AreaChartSelectEvent, SeriesData, } from './area-chart.props';
+export declare const AreaChart: ((props: AreaChartProps & {
+    theme?: Partial<import("..").ChartTheme>;
+} & {
+    width?: number | string;
+    height?: number | string;
+}) => React.JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=area-chart.d.ts.map

package/area/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../../components/chart/area/area-chart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,oBAAoB,CAAC;AASrE,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,UAAU,GACX,MAAM,oBAAoB,CAAC;AAsc5B,eAAO,MAAM,SAAS;;;;;;;CAEpB,CAAC"}

package/area/area-chart.js

@@ -0,0 +1,404 @@
+import { withResponsiveContainer } from '../chart-container';
+import { useChartTheme, withChartTheme } from '../chart-theme.context';
+import { SkiaChart, SkiaRenderer } from '@wuba/react-native-echarts';
+import { LineChart } from 'echarts/charts';
+import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components';
+import * as echarts from 'echarts/core';
+import React, { useEffect, useMemo, useRef } from 'react';
+import { getAxis } from '../axis';
+// Register necessary components for this chart
+echarts.use([
+    TooltipComponent,
+    GridComponent,
+    LegendComponent,
+    SkiaRenderer,
+    LineChart,
+]);
+const ChartComponent = ({ data, width = 220, height = 350, type = 'default', step, boundaryGap = false, stack, stackNormalize = false, symbol, symbolSize, areaOpacity = 0.6, areaFill = 'gradient', showXAxis = true, showXAxisTicks = true, showYAxis = true, showYAxisTicks = true, showXAxisSplitLines = true, showYAxisSplitLines = true, grid, showLegend = false, showHighlighter = true, xAxisTickLabelFormatter, yAxisTickLabelFormatter, xAxisTicks, xAxisLabel, yAxisLabel, onSelect, ...props }) => {
+    const { theme } = useChartTheme(props.theme, props.colors);
+    const chartRef = useRef(null);
+    const onSelectRef = useRef(onSelect);
+    onSelectRef.current = onSelect;
+    const selectContextRef = useRef({
+        displaySeries: [],
+        xAxisData: [],
+    });
+    // Derive smooth/step from type
+    const effectiveSmooth = type === 'smooth';
+    const effectiveStep = type === 'step' ? (step ?? 'start') : (step ?? false);
+    // Normalize data to array of { data: number[] } or { name: string; data: number[] }
+    const normalizedSeries = useMemo(() => {
+        let normalizedData = [];
+        if (!Array.isArray(data) || data.length === 0)
+            return normalizedData;
+        const first = data[0];
+        // Single series: number[] → one series
+        if (typeof first === 'number') {
+            normalizedData = [{ name: 'Series 1', data: data.map((value, index) => [String(index), value]) }];
+        }
+        else if (Array.isArray(first) && first.length === 2) {
+            normalizedData = [{ name: 'Series 1', data: data }];
+        }
+        else {
+            normalizedData = JSON.parse(JSON.stringify(data))
+                .filter(item => item.data && item.data.length > 0)
+                .map((item, index) => {
+                const first = item.data[0];
+                // Single series: number[] → one series
+                if (typeof first === 'number') {
+                    item.data = item.data.map((value, index) => [String(index), value]);
+                }
+                return {
+                    name: item.name || 'Series ' + (index + 1),
+                    data: [...item.data],
+                };
+            });
+        }
+        return normalizedData;
+    }, [data]);
+    // Check if series have names
+    const hasNamedSeries = useMemo(() => {
+        return normalizedSeries.some(s => 'name' in s && s.name);
+    }, [normalizedSeries]);
+    // When stackNormalize is true, convert each series to percentages (0–100) per x-index so stacked area sums to 100%
+    const displaySeries = useMemo(() => {
+        if (!stackNormalize || normalizedSeries.length <= 1) {
+            return normalizedSeries;
+        }
+        const len = normalizedSeries[0]?.data?.length ?? 0;
+        if (len === 0)
+            return normalizedSeries;
+        return normalizedSeries.map(s => {
+            const rawData = s.data;
+            const sumsAt = new Array(len).fill(0);
+            normalizedSeries.forEach((other, _i) => {
+                const d = 'data' in other ? other.data : [];
+                d.forEach((v, i) => { if (i < len)
+                    sumsAt[i] += v; });
+            });
+            const normalizedData = rawData.map((v, i) => {
+                const sum = sumsAt[i] || 1;
+                return sum > 0 ? (v[1] / sum) * 100 : 0;
+            });
+            return 'name' in s && s.name
+                ? { name: s.name, data: normalizedData }
+                : { data: normalizedData };
+        });
+    }, [normalizedSeries, stackNormalize]);
+    const xAxisData = useMemo(() => {
+        const dataPoints = normalizedSeries
+            .map(s => s.data.map(item => item[0]))
+            .flat();
+        return xAxisTicks != null && xAxisTicks.length > 0
+            ? xAxisTicks
+            : getAxis(dataPoints).map(String);
+    }, [normalizedSeries, xAxisTicks]);
+    selectContextRef.current = { displaySeries, xAxisData };
+    const option = useMemo(() => {
+        // Build tooltip config
+        // axisPointer with snap: true so the pointer snaps to data points and triggers
+        // series emphasis (circle) at the hovered position. See https://echarts.apache.org/en/option.html#tooltip.axisPointer
+        const tooltipConfig = showHighlighter ? {
+            trigger: 'axis',
+            axisPointer: {
+                type: 'line',
+                snap: true,
+                lineStyle: {
+                    type: 'solid',
+                    width: 1,
+                    color: theme.series[0].color ?? '#999',
+                },
+            },
+        } : null;
+        // Build xAxis config (category with data indices)
+        const xAxisConfig = {
+            type: 'category',
+            data: xAxisData,
+            ...(xAxisLabel != null && xAxisLabel !== '' && {
+                name: xAxisLabel,
+                nameLocation: 'middle',
+                nameGap: 25,
+                nameTextStyle: { color: theme.axis.x.tickLabelColor },
+            }),
+            axisLabel: {
+                show: showXAxis || xAxisTickLabelFormatter != null,
+                color: theme.axis.x.tickLabelColor,
+                formatter: xAxisTickLabelFormatter ?? undefined,
+            },
+            axisLine: showXAxis ? {
+                show: true,
+                lineStyle: {
+                    color: theme.axis.x.lineColor,
+                    width: theme.axis.x.lineWidth,
+                },
+            } : {
+                show: false,
+            },
+            axisTick: {
+                show: showXAxisTicks,
+                lineStyle: {
+                    color: theme.axis.x.tickColor,
+                    width: theme.axis.x.tickWidth,
+                },
+            },
+            splitLine: {
+                show: showXAxisSplitLines,
+                lineStyle: {
+                    color: theme.axis.x.splitLineColor,
+                    width: theme.axis.x.splitLineWidth,
+                },
+            },
+        };
+        xAxisConfig.boundaryGap = boundaryGap;
+        // Build yAxis config (value, auto-scale from data)
+        const yAxisConfig = {
+            type: 'value',
+            ...(stackNormalize && displaySeries.length > 1 && {
+                min: 0,
+                max: 100,
+            }),
+            ...(yAxisLabel != null && yAxisLabel !== '' && {
+                name: yAxisLabel,
+                nameLocation: 'middle',
+                nameGap: 40,
+                nameTextStyle: { color: theme.axis.y.tickLabelColor },
+            }),
+            axisLabel: {
+                show: showYAxis || yAxisTickLabelFormatter != null,
+                color: theme.axis.y.tickLabelColor,
+                formatter: yAxisTickLabelFormatter ?? (stackNormalize && displaySeries.length > 1
+                    ? (value) => `${value}%`
+                    : undefined),
+            },
+            axisLine: showYAxis ? {
+                show: true,
+                lineStyle: {
+                    color: theme.axis.y.lineColor,
+                    width: theme.axis.y.lineWidth,
+                },
+            } : {
+                show: false,
+            },
+            axisTick: {
+                show: showYAxisTicks,
+                lineStyle: {
+                    color: theme.axis.y.tickColor,
+                    width: theme.axis.y.tickWidth,
+                },
+            },
+            splitLine: {
+                show: showYAxisSplitLines,
+                lineStyle: {
+                    color: theme.axis.y.splitLineColor,
+                    width: theme.axis.y.splitLineWidth,
+                },
+            },
+        };
+        // Build legend config
+        const legendConfigFinal = showLegend && hasNamedSeries ? {
+            data: normalizedSeries
+                .filter(s => 'name' in s && s.name)
+                .map(s => s.name),
+            textStyle: {
+                color: theme.legend.textColor,
+                fontSize: theme.legend.fontSize,
+            },
+            backgroundColor: theme.legend.backgroundColor,
+        } : undefined;
+        // Build series config (use displaySeries so stackNormalize uses percentage data)
+        const seriesConfig = displaySeries.map((s, index) => {
+            const seriesColor = theme.series[index % theme.series.length].color;
+            const seriesLineWidth = theme.series[index]?.lineWidth ?? theme.series[0].lineWidth ?? 2;
+            // Convert opacity (0-1) to hex (00-FF)
+            const opacityHex = Math.round(areaOpacity * 255).toString(16).padStart(2, '0');
+            const colorWithOpacity = seriesColor + opacityHex;
+            const transparentColor = seriesColor + '00';
+            const solidColor = seriesColor + 'ff';
+            const areaStyleConfig = areaFill === 'gradient'
+                ? {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [
+                            { offset: 0, color: colorWithOpacity },
+                            { offset: 1, color: transparentColor },
+                        ],
+                    },
+                }
+                : areaFill === 'transparent'
+                    ? { color: colorWithOpacity }
+                    : { color: solidColor };
+            const series = {
+                data: 'data' in s ? s.data : [],
+                type: 'line',
+                symbol: !symbol || symbol === 'none' ? undefined : symbol,
+                symbolSize: symbolSize || 8,
+                areaStyle: areaStyleConfig,
+                itemStyle: {
+                    color: seriesColor,
+                },
+                lineStyle: {
+                    color: seriesColor,
+                    width: seriesLineWidth,
+                },
+                // Point highlight at cursor: solid circle on the curve when axis pointer highlights this point
+                emphasis: showHighlighter
+                    ? {
+                        focus: 'self',
+                        scale: true,
+                        symbol: 'circle',
+                        symbolSize: 8,
+                        itemStyle: {
+                            color: seriesColor,
+                            borderColor: '#FFFFFF',
+                            borderWidth: 2,
+                        },
+                    }
+                    : { focus: 'none', scale: false, symbolSize: 0 },
+            };
+            // Add name if present
+            if ('name' in s && s.name) {
+                series.name = s.name;
+            }
+            // Handle interpolation
+            if (effectiveStep !== false) {
+                series.step = effectiveStep;
+            }
+            else {
+                series.smooth = effectiveSmooth;
+            }
+            // Handle stacking (when stackNormalize, data is already % so use same stack id so they stack to 100%)
+            if (stack !== undefined && stack !== false) {
+                series.stack = typeof stack === 'string' ? stack : 'total';
+            }
+            else if (stackNormalize && displaySeries.length > 1) {
+                series.stack = 'total';
+            }
+            return series;
+        });
+        const config = {
+            tooltip: tooltipConfig,
+            xAxis: xAxisConfig,
+            yAxis: yAxisConfig,
+            series: seriesConfig,
+        };
+        // Add legend if configured
+        if (legendConfigFinal) {
+            config.legend = legendConfigFinal;
+        }
+        // Add grid if configured
+        if (grid) {
+            config.grid = grid;
+        }
+        return config;
+    }, [
+        theme,
+        normalizedSeries,
+        xAxisData,
+        displaySeries,
+        type,
+        effectiveSmooth,
+        effectiveStep,
+        boundaryGap,
+        stack,
+        stackNormalize,
+        symbol,
+        symbolSize,
+        areaOpacity,
+        areaFill,
+        showXAxis,
+        showYAxis,
+        showXAxisTicks,
+        showYAxisTicks,
+        showXAxisSplitLines,
+        showYAxisSplitLines,
+        grid,
+        showLegend,
+        hasNamedSeries,
+        showHighlighter,
+        xAxisTickLabelFormatter,
+        yAxisTickLabelFormatter,
+        xAxisTicks,
+        xAxisLabel,
+        yAxisLabel,
+    ]);
+    useEffect(() => {
+        let chart;
+        if (chartRef.current) {
+            try {
+                chart = echarts.init(chartRef.current, 'light', {
+                    width: width,
+                    height: height,
+                });
+                chart.setOption(option);
+                const handleSeriesClick = (params) => {
+                    const cb = onSelectRef.current;
+                    if (typeof cb !== 'function')
+                        return;
+                    if (params.componentType !== 'series')
+                        return;
+                    const seriesIndex = params.seriesIndex;
+                    const dataIndex = params.dataIndex;
+                    if (typeof seriesIndex !== 'number' ||
+                        typeof dataIndex !== 'number' ||
+                        dataIndex < 0) {
+                        return;
+                    }
+                    const { displaySeries: ds, xAxisData: xd } = selectContextRef.current;
+                    const s = ds[seriesIndex];
+                    if (!s?.data || !Array.isArray(s.data))
+                        return;
+                    const point = s.data[dataIndex];
+                    if (point === undefined)
+                        return;
+                    const seriesName = s.name != null && s.name !== ''
+                        ? String(s.name)
+                        : `Series ${seriesIndex + 1}`;
+                    let x;
+                    let y;
+                    if (typeof point === 'number') {
+                        x = xd[dataIndex] ?? dataIndex;
+                        y = point;
+                    }
+                    else if (Array.isArray(point) && point.length >= 2) {
+                        x = point[0];
+                        y = Number(point[1]);
+                    }
+                    else {
+                        return;
+                    }
+                    const event = {
+                        seriesIndex,
+                        dataIndex,
+                        seriesName,
+                        x,
+                        y,
+                    };
+                    cb(event);
+                };
+                chart.on('click', handleSeriesClick);
+            }
+            catch (error) {
+                console.warn('Chart initialization error:', error);
+            }
+        }
+        return () => {
+            if (chart) {
+                try {
+                    chart.dispose();
+                }
+                catch (error) {
+                    console.warn('Chart disposal error:', error);
+                }
+            }
+        };
+    }, [option, width, height]);
+    return <SkiaChart ref={chartRef} useRNGH/>;
+};
+const AreaChartComponent = withResponsiveContainer(withChartTheme(ChartComponent));
+export const AreaChart = Object.assign(AreaChartComponent, {
+    displayName: 'AreaChart',
+});

package/area/area-chart.props.d.ts

@@ -0,0 +1,64 @@
+import type { CartesianChartProps, CartesianChartSelectEvent } from '../props/cartesian';
+/**
+ * Area/line/bar series data shape:
+ * - Single series: number[]
+ * - Single series with labels: [string | number, number][]
+ * - Multiple series: Array<{ name?: string; data: number[] }> or Array<{ name?: string; data: [string | number, number][] }>
+ */
+export type SeriesData = number[] | [string | number, number][] | Array<{
+    name?: string;
+    data: number[];
+}> | Array<{
+    name?: string;
+    data: [string | number, number][];
+}>;
+/** @deprecated Use {@link CartesianChartSelectEvent} from `../props/cartesian`. */
+export type AreaChartSelectEvent = CartesianChartSelectEvent;
+/**
+ * Props for AreaChart.
+ * common -> cartesian -> area
+ */
+export interface AreaChartProps extends CartesianChartProps {
+    /**
+     * Chart data. Single series (number[]), multiple unnamed (number[][]), or multiple named series.
+     */
+    data: SeriesData;
+    /**
+     * Curve type: 'default' (linear), 'smooth' (Bezier), or 'step'.
+     * @default 'default'
+     */
+    type?: 'default' | 'smooth' | 'step';
+    /**
+     * Step mode when type="step". 'start' | 'middle' | 'end'.
+     */
+    step?: 'start' | 'middle' | 'end' | false;
+    /**
+     * Stack ID for stacking multiple series. Use false to disable.
+     */
+    stack?: string | false;
+    /**
+     * When true with stack, show stacked values as percentages (0–100%).
+     * @default false
+     */
+    stackNormalize?: boolean;
+    /**
+     * Symbol type for data points. Set to 'none' to hide.
+     * @default 'none'
+     */
+    symbol?: 'none' | 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | string;
+    /**
+     * Size of the symbol. Number, [width, height], or function.
+     */
+    symbolSize?: number | number[] | ((value: unknown) => number | number[]);
+    /**
+     * Opacity of the filled area (0-1).
+     * @default 0.6
+     */
+    areaOpacity?: number;
+    /**
+     * Fill style for the area under the line: 'gradient' | 'transparent' | 'solid'.
+     * @default 'gradient'
+     */
+    areaFill?: 'gradient' | 'transparent' | 'solid';
+}
+//# sourceMappingURL=area-chart.props.d.ts.map

package/area/area-chart.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.props.d.ts","sourceRoot":"","sources":["../../../../components/chart/area/area-chart.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEzF;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,EAAE,GACR,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,GAC3B,KAAK,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,GACxC,KAAK,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;CAAE,CAAC,CAAC;AAEhE,mFAAmF;AACnF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IACtG;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACzE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,OAAO,CAAC;CACjD"}

package/area/index.d.ts

@@ -0,0 +1,3 @@
+export { AreaChart } from './area-chart';
+export type { AreaChartProps, AreaChartSelectEvent, SeriesData, } from './area-chart.props';
+//# sourceMappingURL=index.d.ts.map

package/area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/chart/area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,UAAU,GACX,MAAM,oBAAoB,CAAC"}

package/area/index.js

@@ -0,0 +1 @@
+export { AreaChart } from './area-chart';

package/axis.d.ts

@@ -0,0 +1,3 @@
+export declare const getAxisByMinMax: (min?: number, max?: number, interval?: number) => number[];
+export declare const getAxis: (data: number[]) => number[];
+//# sourceMappingURL=axis.d.ts.map

package/axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../../components/chart/axis.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,YAAO,EAAE,YAAS,EAAE,WAAW,MAAM,aAUpE,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,EAAE,aAIrC,CAAA"}

package/axis.js

@@ -0,0 +1,16 @@
+export const getAxisByMinMax = (min = 0, max = 100, interval) => {
+    interval = interval || Math.floor((max - min) / 10) || 1;
+    const axisArray = [];
+    for (let i = min; i <= max; i += interval) {
+        axisArray.push(i);
+    }
+    if (axisArray[axisArray.length - 1] !== max) {
+        axisArray.push(max);
+    }
+    return axisArray;
+};
+export const getAxis = (data) => {
+    const min = Math.min(...data);
+    const max = Math.max(...data);
+    return getAxisByMinMax(min, max);
+};

package/bar/bar-chart.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { BarChartProps } from './bar-chart.props';
+/**
+ * Bar chart is the horizontal orientation of column chart.
+ * Renders ColumnChart with horizontal={true}.
+ */
+export type { BarChartProps } from './bar-chart.props';
+export declare const BarChart: ((props: BarChartProps) => React.JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=bar-chart.d.ts.map

package/bar/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../../components/chart/bar/bar-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;GAGG;AACH,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMvD,eAAO,MAAM,QAAQ,WAJa,aAAa;;CAM7C,CAAC"}

package/bar/bar-chart.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ColumnChart } from '../column/column-chart';
+const BarChartComponent = (props) => (<ColumnChart {...props} horizontal={true}/>);
+export const BarChart = Object.assign(BarChartComponent, {
+    displayName: 'BarChart',
+});

package/bar/bar-chart.props.d.ts

@@ -0,0 +1,7 @@
+import type { ColumnChartProps } from '../column/column-chart.props';
+/**
+ * Props for BarChart.
+ * Bar chart is the horizontal orientation of column chart; horizontal is always true.
+ */
+export type BarChartProps = Omit<ColumnChartProps, 'horizontal'>;
+//# sourceMappingURL=bar-chart.props.d.ts.map

package/bar/bar-chart.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.props.d.ts","sourceRoot":"","sources":["../../../../components/chart/bar/bar-chart.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC"}

package/bar/index.d.ts

@@ -0,0 +1,3 @@
+export { BarChart } from './bar-chart';
+export type { BarChartProps } from './bar-chart.props';
+//# sourceMappingURL=index.d.ts.map

package/bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/chart/bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/bar/index.js

@@ -0,0 +1 @@
+export { BarChart } from './bar-chart';

package/bubble/bubble-chart.d.ts

@@ -0,0 +1,13 @@
+import type { BubbleChartProps } from './bubble-chart.props';
+import React from 'react';
+/** common -> cartesian -> scatter -> bubble */
+export type { BubbleChartProps, BubbleSeriesData } from './bubble-chart.props';
+export declare const BubbleChart: ((props: BubbleChartProps & {
+    theme?: Partial<import("..").ChartTheme>;
+} & {
+    width?: number | string;
+    height?: number | string;
+}) => React.JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=bubble-chart.d.ts.map

package/bubble/bubble-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.d.ts","sourceRoot":"","sources":["../../../../components/chart/bubble/bubble-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAS7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,+CAA+C;AAC/C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAkV/E,eAAO,MAAM,WAAW;;;;;;;CAEtB,CAAC"}