@orbcharts/plugins-basic 3.0.0-alpha.34 → 3.0.0-alpha.36

package/dist/src/base/BaseBarStack.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ChartParams, ContainerPosition, TransformData } from '@orbcharts/core';
 import * as d3 from 'd3';
 export interface BaseBarStackParams {
     barWidth: number;
@@ -11,6 +11,7 @@ interface BaseBarStackContext {
     selection: d3.Selection<any, unknown, any, unknown>;
     computedData$: Observable<ComputedDataGrid>;
     visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    existedSeriesLabels$: Observable<string[]>;
     SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     fullParams$: Observable<BaseBarStackParams>;
@@ -18,11 +19,14 @@ interface BaseBarStackContext {
     fullChartParams$: Observable<ChartParams>;
     gridAxesTransform$: Observable<TransformData>;
     gridGraphicTransform$: Observable<TransformData>;
+    gridGraphicReverseScale$: Observable<[number, number][]>;
     gridAxesSize$: Observable<{
         width: number;
         height: number;
     }>;
     gridHighlight$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    isSeriesPositionSeprate$: Observable<boolean>;
     event$: Subject<EventGrid>;
 }
 export declare const createBaseBarStack: BasePluginFn<BaseBarStackContext>;

package/dist/src/base/BaseBars.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import { ComputedDatumGrid, ComputedDataGrid, ContainerPosition, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
 import * as d3 from 'd3';
 export interface BaseBarsParams {
     barWidth: number;
@@ -12,17 +12,21 @@ interface BaseBarsContext {
     selection: d3.Selection<any, unknown, any, unknown>;
     computedData$: Observable<ComputedDataGrid>;
     visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    existedSeriesLabels$: Observable<string[]>;
     SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     fullParams$: Observable<BaseBarsParams>;
     fullChartParams$: Observable<ChartParams>;
     gridAxesTransform$: Observable<TransformData>;
     gridGraphicTransform$: Observable<TransformData>;
+    gridGraphicReverseScale$: Observable<[number, number][]>;
     gridAxesSize$: Observable<{
         width: number;
         height: number;
     }>;
     gridHighlight$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    isSeriesPositionSeprate$: Observable<boolean>;
     event$: Subject<EventGrid>;
 }
 export declare const createBaseBars: BasePluginFn<BaseBarsContext>;

package/dist/src/base/BaseBarsTriangle.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, ContainerPosition, TransformData } from '@orbcharts/core';
 import * as d3 from 'd3';
 export interface BaseBarsTriangleParams {
     barWidth: number;
@@ -11,6 +11,8 @@ export interface BaseBarsTriangleParams {
 interface BaseBarsContext {
     selection: d3.Selection<any, unknown, any, unknown>;
     computedData$: Observable<ComputedDataGrid>;
+    visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    existedSeriesLabels$: Observable<string[]>;
     SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     fullParams$: Observable<BaseBarsTriangleParams>;
@@ -22,6 +24,8 @@ interface BaseBarsContext {
         height: number;
     }>;
     gridHighlight$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    isSeriesPositionSeprate$: Observable<boolean>;
     event$: Subject<EventGrid>;
 }
 export declare const createBaseBarsTriangle: BasePluginFn<BaseBarsContext>;

package/dist/src/base/BaseDots.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, TransformData, ColorType } from '@orbcharts/core';
+import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, ContainerPosition, TransformData, ColorType } from '@orbcharts/core';
 import * as d3 from 'd3';
 export interface BaseDotsParams {
     radius: number;
@@ -13,17 +13,20 @@ interface BaseDotsContext {
     selection: d3.Selection<any, unknown, any, unknown>;
     computedData$: Observable<ComputedDataGrid>;
     visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    existedSeriesLabels$: Observable<string[]>;
     SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     fullParams$: Observable<BaseDotsParams>;
     fullChartParams$: Observable<ChartParams>;
     gridAxesTransform$: Observable<TransformData>;
     gridGraphicTransform$: Observable<TransformData>;
+    gridGraphicReverseScale$: Observable<[number, number][]>;
     gridAxesSize$: Observable<{
         width: number;
         height: number;
     }>;
     gridHighlight$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
     event$: Subject<EventGrid>;
 }
 export declare const createBaseDots: BasePluginFn<BaseDotsContext>;

package/dist/src/base/BaseGroupAxis.d.ts

@@ -0,0 +1,35 @@
+import { Observable } from 'rxjs';
+import { ColorType, ComputedDataGrid, ContainerPosition, DataFormatterGrid, ChartParams, TransformData } from '@orbcharts/core';
+import { BasePluginFn } from './types';
+import * as d3 from 'd3';
+export interface BaseGroupAxisParams {
+    labelOffset: [number, number];
+    labelColorType: ColorType;
+    axisLineVisible: boolean;
+    axisLineColorType: ColorType;
+    tickFormat: string | ((text: any) => string);
+    tickLineVisible: boolean;
+    tickPadding: number;
+    tickFullLine: boolean;
+    tickFullLineDasharray: string;
+    tickColorType: ColorType;
+    tickTextRotate: number;
+    tickTextColorType: ColorType;
+}
+interface BaseGroupAxisContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    fullParams$: Observable<BaseGroupAxisParams>;
+    fullDataFormatter$: Observable<DataFormatterGrid>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridAxesReverseTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    isSeriesPositionSeprate$: Observable<boolean>;
+}
+export declare const createBaseGroupAxis: BasePluginFn<BaseGroupAxisContext>;
+export {};

package/dist/src/base/BaseLines.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ContainerPosition, ChartParams, TransformData } from '@orbcharts/core';
 import * as d3 from 'd3';
 export interface BaseLinesParams {
     lineCurve: string;
@@ -9,6 +9,7 @@ export interface BaseLinesParams {
 interface BaseLinesContext {
     selection: d3.Selection<any, unknown, any, unknown>;
     computedData$: Observable<ComputedDataGrid>;
+    existedSeriesLabels$: Observable<string[]>;
     SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
     fullDataFormatter$: Observable<DataFormatterGrid>;
@@ -21,6 +22,7 @@ interface BaseLinesContext {
         height: number;
     }>;
     gridHighlight$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
     event$: Subject<EventGrid>;
 }
 export declare const createBaseLines: BasePluginFn<BaseLinesContext>;

package/dist/src/base/BaseValueAxis.d.ts

@@ -0,0 +1,36 @@
+import { Observable } from 'rxjs';
+import { BasePluginFn } from './types';
+import { ComputedDataGrid, DataFormatterGrid, ChartParams, ContainerPosition, TransformData, ColorType } from '@orbcharts/core';
+import * as d3 from 'd3';
+export interface BaseValueAxisParams {
+    labelOffset: [number, number];
+    labelColorType: ColorType;
+    axisLineVisible: boolean;
+    axisLineColorType: ColorType;
+    ticks: number;
+    tickFormat: string | ((text: d3.NumberValue) => string);
+    tickLineVisible: boolean;
+    tickPadding: number;
+    tickFullLine: boolean;
+    tickFullLineDasharray: string;
+    tickColorType: ColorType;
+    tickTextRotate: number;
+    tickTextColorType: ColorType;
+}
+interface BaseLinesContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    fullParams$: Observable<BaseValueAxisParams>;
+    fullDataFormatter$: Observable<DataFormatterGrid>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridAxesReverseTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    isSeriesPositionSeprate$: Observable<boolean>;
+}
+export declare const createBaseValueAxis: BasePluginFn<BaseLinesContext>;
+export {};

package/dist/src/grid/defaults.d.ts

@@ -1,12 +1,12 @@
-import { LinesParams, GroupAreaParams, DotsParams, BarsParams, BarStackParams, BarsTriangleParams, GroupAxisParams, ValueAxisParams, ValueStackAxisParams, ScalingAreaParams, GridLegendParams } from './types';
+import { LinesParams, GroupAuxParams, DotsParams, BarsParams, BarStackParams, BarsTriangleParams, GroupAxisParams, ValueAxisParams, ValueStackAxisParams, ScalingAreaParams, GridLegendParams } from './types';
 
 export declare const DEFAULT_LINES_PARAMS: LinesParams;
 export declare const DEFAULT_DOTS_PARAMS: DotsParams;
-export declare const DEFAULT_GROUP_AREA_PARAMS: GroupAreaParams;
+export declare const DEFAULT_GROUP_AREA_PARAMS: GroupAuxParams;
 export declare const DEFAULT_BARS_PARAMS: BarsParams;
 export declare const DEFAULT_BAR_STACK_PARAMS: BarStackParams;
 export declare const DEFAULT_BARS_TRIANGLE_PARAMS: BarsTriangleParams;
-export declare const DEFAULT_GROUPING_AXIS_PARAMS: GroupAxisParams;
+export declare const DEFAULT_GROUP_AXIS_PARAMS: GroupAxisParams;
 export declare const DEFAULT_VALUE_AXIS_PARAMS: ValueAxisParams;
 export declare const DEFAULT_VALUE_STACK_AXIS_PARAMS: ValueStackAxisParams;
 export declare const DEFAULT_SCALING_AREA_PARAMS: ScalingAreaParams;

package/dist/src/grid/gridObservables.d.ts

@@ -1,7 +1,21 @@
 import { Observable } from 'rxjs';
-import { ChartParams, DataFormatterGrid, ComputedDataGrid } from '@orbcharts/core';
-
-export declare function gridGroupPositionFnObservable({ fullDataFormatter$, gridAxesSize$, computedData$, fullChartParams$ }: {
+import { ChartParams, DataFormatterGrid, ComputedDataGrid, TransformData, ContainerPosition } from '@orbcharts/core';
+import * as d3 from 'd3';
+export declare const gridSelectionsObservable: ({ selection, pluginName, clipPathID, existedSeriesLabels$, gridContainer$, gridAxesTransform$, gridGraphicTransform$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    clipPathID: string;
+    existedSeriesLabels$: Observable<string[]>;
+    gridContainer$: Observable<ContainerPosition[]>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+}) => {
+    seriesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    axesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    defsSelection$: Observable<d3.Selection<SVGDefsElement, string, any, unknown>>;
+    graphicGSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+};
+export declare const gridGroupPositionFnObservable: ({ fullDataFormatter$, gridAxesSize$, computedData$, fullChartParams$ }: {
     fullDataFormatter$: Observable<DataFormatterGrid>;
     gridAxesSize$: Observable<{
         width: number;
@@ -9,7 +23,7 @@ export declare function gridGroupPositionFnObservable({ fullDataFormatter$, grid
     }>;
     computedData$: Observable<ComputedDataGrid>;
     fullChartParams$: Observable<ChartParams>;
-}): Observable<(event: any) => {
+}) => Observable<(event: any) => {
     groupIndex: number;
     groupLabel: string;
 }>;

package/dist/src/grid/index.d.ts

@@ -10,4 +10,4 @@ export { GroupAxis } from './plugins/GroupAxis';
 export { ValueAxis } from './plugins/ValueAxis';
 export { ValueStackAxis } from './plugins/ValueStackAxis';
 export { ScalingArea } from './plugins/ScalingArea';
-export { GroupArea } from './plugins/GroupArea';
+export { GroupAux } from './plugins/GroupAux';

package/dist/src/grid/plugins/GroupAux.d.ts

@@ -0,0 +1,3 @@
+import { GroupAuxParams } from '../types';
+
+export declare const GroupAux: import('@orbcharts/core').PluginConstructor<"grid", string, GroupAuxParams>;

package/dist/src/grid/plugins/GroupAxis.d.ts

@@ -1,3 +1 @@
-import { GroupAxisParams } from '../types';
-
-export declare const GroupAxis: import('@orbcharts/core').PluginConstructor<"grid", string, GroupAxisParams>;
+export declare const GroupAxis: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').GroupAxisParams>;

package/dist/src/grid/plugins/ValueAxis.d.ts

@@ -1,3 +1 @@
-import { ValueAxisParams } from '../types';
-
-export declare const ValueAxis: import('@orbcharts/core').PluginConstructor<"grid", string, ValueAxisParams>;
+export declare const ValueAxis: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').ValueAxisParams>;

package/dist/src/grid/plugins/ValueStackAxis.d.ts

@@ -1,3 +1 @@
-import { ValueStackAxisParams } from '../types';
-
-export declare const ValueStackAxis: import('@orbcharts/core').PluginConstructor<"grid", string, ValueStackAxisParams>;
+export declare const ValueStackAxis: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').ValueStackAxisParams>;

package/dist/src/grid/types.d.ts

@@ -11,7 +11,7 @@ export interface DotsParams {
     strokeWidth: number;
     onlyShowHighlighted: boolean;
 }
-export interface GroupAreaParams {
+export interface GroupAuxParams {
     showLine: boolean;
     showLabel: boolean;
     lineDashArray: string;

package/dist/src/multiGrid/defaults.d.ts

@@ -1,4 +1,11 @@
-import { BarsAndLinesParams, MultiGridLegendParams } from './types';
+import { MultiGridLegendParams, MultiBarsParams, MultiBarStackParams, MultiBarsTriangleParams, MultiLinesParams, MultiDotsParams, MultiGroupAxisParams, MultiValueAxisParams, OverlappingValueAxesParams } from './types';
 
-export declare const DEFAULT_BARS_AND_LINES_PARAMS: BarsAndLinesParams;
 export declare const DEFAULT_MULTI_GRID_LEGEND_PARAMS: MultiGridLegendParams;
+export declare const DEFAULT_MULTI_GROUP_AXIS_PARAMS: MultiGroupAxisParams;
+export declare const DEFAULT_MULTI_VALUE_AXIS_PARAMS: MultiValueAxisParams;
+export declare const DEFAULT_MULTI_BARS_PARAMS: MultiBarsParams;
+export declare const DEFAULT_MULTI_BAR_STACK_PARAMS: MultiBarStackParams;
+export declare const DEFAULT_MULTI_BARS_TRIANGLE_PARAMS: MultiBarsTriangleParams;
+export declare const DEFAULT_MULTI_LINES_PARAMS: MultiLinesParams;
+export declare const DEFAULT_MULTI_DOTS_PARAMS: MultiDotsParams;
+export declare const DEFAULT_OVERLAPPING_VALUE_AXES_PARAMS: OverlappingValueAxesParams;

package/dist/src/multiGrid/index.d.ts

@@ -1,4 +1,11 @@
 export * from './defaults';
 export * from './types';
-export { BarsAndLines } from './plugins/BarsAndLines';
 export { MultiGridLegend } from './plugins/MultiGridLegend';
+export { MultiBars } from './plugins/MultiBars';
+export { MultiBarStack } from './plugins/MultiBarStack';
+export { MultiBarsTriangle } from './plugins/MultiBarsTriangle';
+export { MultiLines } from './plugins/MultiLines';
+export { MultiDots } from './plugins/MultiDots';
+export { MultiGroupAxis } from './plugins/MultiGroupAxis';
+export { MultiValueAxis } from './plugins/MultiValueAxis';
+export { OverlappingValueAxes } from './plugins/OverlappingValueAxes';

package/dist/src/multiGrid/multiGridObservables.d.ts

@@ -0,0 +1,12 @@
+import { Observable } from 'rxjs';
+import { ContextObserverMultiGrid, ComputedDataGrid, DataFormatterGrid, ContextObserverGridDetail } from '@orbcharts/core';
+
+interface MultiGridPluginParams {
+    gridIndexes: number[];
+}
+interface MultiGridDetailObservables extends ContextObserverGridDetail {
+    gridComputedData$: Observable<ComputedDataGrid>;
+    gridDataFormatter$: Observable<DataFormatterGrid>;
+}
+export declare const multiGridDetailObservables: (observer: ContextObserverMultiGrid<MultiGridPluginParams>) => Observable<MultiGridDetailObservables[]>;
+export {};

package/dist/src/multiGrid/plugins/MultiBarStack.d.ts

@@ -0,0 +1 @@
+export declare const MultiBarStack: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiBarStackParams>;

package/dist/src/multiGrid/plugins/MultiBars.d.ts

@@ -0,0 +1 @@
+export declare const MultiBars: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiBarsParams>;

package/dist/src/multiGrid/plugins/MultiBarsTriangle.d.ts

@@ -0,0 +1 @@
+export declare const MultiBarsTriangle: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiBarsTriangleParams>;

package/dist/src/multiGrid/plugins/MultiDots.d.ts

@@ -0,0 +1 @@
+export declare const MultiDots: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiDotsParams>;

package/dist/src/multiGrid/plugins/MultiGroupAxis.d.ts

@@ -0,0 +1 @@
+export declare const MultiGroupAxis: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiGroupAxisParams>;

package/dist/src/multiGrid/plugins/MultiLines.d.ts

@@ -0,0 +1 @@
+export declare const MultiLines: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiLinesParams>;

package/dist/src/multiGrid/plugins/MultiValueAxis.d.ts

@@ -0,0 +1 @@
+export declare const MultiValueAxis: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiValueAxisParams>;

package/dist/src/multiGrid/plugins/OverlappingValueAxes.d.ts

@@ -0,0 +1 @@
+export declare const OverlappingValueAxes: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').OverlappingValueAxesParams>;

package/dist/src/multiGrid/types.d.ts

@@ -1,5 +1,10 @@
 import { BaseBarsParams } from '../base/BaseBars';
+import { BaseBarStackParams } from '../base/BaseBarStack';
+import { BaseBarsTriangleParams } from '../base/BaseBarsTriangle';
 import { BaseLinesParams } from '../base/BaseLines';
+import { BaseDotsParams } from '../base/BaseDots';
+import { BaseGroupAxisParams } from '../base/BaseGroupAxis';
+import { BaseValueAxisParams } from '../base/BaseValueAxis';
 import { ColorType } from '@orbcharts/core';
 
 export interface BarsAndLinesParams {
@@ -22,3 +27,29 @@ export interface MultiGridLegendParams {
         listRectRadius: number;
     }>;
 }
+export interface MultiGroupAxisParams extends BaseGroupAxisParams {
+    gridIndexes: number[];
+}
+export interface MultiValueAxisParams extends BaseValueAxisParams {
+    gridIndexes: number[];
+}
+export interface MultiBarsParams extends BaseBarsParams {
+    gridIndexes: number[];
+}
+export interface MultiBarStackParams extends BaseBarStackParams {
+    gridIndexes: number[];
+}
+export interface MultiBarsTriangleParams extends BaseBarsTriangleParams {
+    gridIndexes: number[];
+}
+export interface MultiLinesParams extends BaseLinesParams {
+    gridIndexes: number[];
+}
+export interface MultiDotsParams extends BaseDotsParams {
+    gridIndexes: number[];
+}
+export interface OverlappingValueAxesParams {
+    firstAxis: BaseValueAxisParams;
+    secondAxis: BaseValueAxisParams;
+    gridIndexes: [number, number];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbcharts/plugins-basic",
-  "version": "3.0.0-alpha.34",
+  "version": "3.0.0-alpha.36",
   "description": "plugins for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core": "^3.0.0-alpha.30",
+    "@orbcharts/core": "^3.0.0-alpha.35",
     "d3": "^7.8.5",
     "rxjs": "^7.8.1"
   }