@orbcharts/presets-basic 3.0.0-beta.8 → 3.0.0

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

@@ -1 +1,2 @@
 export { PRESET_TREE_MAP_BASIC } from './PRESET_TREE_MAP_BASIC';
+export { PRESET_TREE_MAP_SIMPLE } from './PRESET_TREE_MAP_SIMPLE';

package/dist/src/types.d.ts

@@ -1,8 +1,6 @@
-import { BubblesParams, PieParams, PieEventTextsParams, PieLabelsParams, RoseParams, RoseLabelsParams, SeriesLegendParams, SeriesTooltipParams, BarsParams, BarsPNParams, StackedBarParams, BarsTriangleParams, DotsParams, GridLegendParams, GroupAuxParams, GroupAxisParams, LineAreasParams, LinesParams, GridTooltipParams, GridZoomParams, ValueAxisParams, StackedValueAxisParams, MultiBarsParams, MultiStackedBarParams, MultiBarsTriangleParams, MultiDotsParams, MultiGridLegendParams, MultiGridTooltipParams, MultiGroupAxisParams, MultiLineAreasParams, MultiLinesParams, MultiValueAxisParams, MultiStackedValueAxisParams, OverlappingValueAxesParams, OverlappingStackedValueAxesParams, MultiValueLegendParams, MultiValueTooltipParams, ScatterParams, ScatterBubblesParams, XYAuxParams, XYAxesParams, XYZoomParams, ForceDirectedParams, ForceDirectedBubblesParams, RelationshipLegendParams, RelationshipTooltipParams, TreeLegendParams, TreeMapParams, TreeTooltipParams } from '../lib/plugins-basic-types';
+import { BubblesParams, PieParams, PieEventTextsParams, PieLabelsParams, RoseParams, RoseLabelsParams, SeriesLegendParams, SeriesTooltipParams, BarsParams, BarsPNParams, StackedBarsParams, BarsTriangleParams, DotsParams, GridLegendParams, GroupAuxParams, GroupAxisParams, LineAreasParams, LinesParams, GridTooltipParams, GroupZoomParams, ValueAxisParams, StackedValueAxisParams, MultiBarsParams, MultiStackedBarsParams, MultiBarsTriangleParams, MultiDotsParams, MultiGridLegendParams, MultiGridTooltipParams, MultiGroupAxisParams, MultiLineAreasParams, MultiLinesParams, MultiValueAxisParams, MultiStackedValueAxisParams, OverlappingValueAxesParams, OverlappingStackedValueAxesParams, MultiValueLegendParams, MultiValueTooltipParams, RacingBarsParams, RacingCounterTextsParams, RacingValueAxisParams, ScatterParams, ScatterBubblesParams, XYAuxParams, XYAxesParams, XZoomParams, ForceDirectedParams, ForceDirectedBubblesParams, RelationshipLegendParams, RelationshipTooltipParams, TreeLegendParams, TreeMapParams, TreeTooltipParams } from '../lib/plugins-basic-types';
+import { DeepPartial } from '../lib/core-types';
 
-type DeepPartial<T> = Partial<{
-    [P in keyof T]: DeepPartial<T[P]>;
-}>;
 export type PresetSeriesPluginParams = PresetBubblesParams & PresetPieParams & PresetPieEventTextsParams & PresetPieLabelsParams & PresetRoseParams & PresetRoseLabelsParams & PresetSeriesLegendParams & PresetSeriesTooltipParams;
 export interface PresetBubblesParams {
     Bubbles: Partial<BubblesParams>;
@@ -28,15 +26,15 @@ export interface PresetSeriesLegendParams {
 export interface PresetSeriesTooltipParams {
     SeriesTooltip: Partial<SeriesTooltipParams>;
 }
-export type PresetGridPluginParams = PresetBarsParams & PresetBarsPNParams & PresetStackedBarParams & PresetBarsTriangleParams & PresetDotsParams & PresetGridLegendParams & PresetGridTooltipParams & PresetGroupAuxParams & PresetGroupAxisParams & PresetLineAreasParams & PresetLinesParams & PresetGridZoomParams & PresetValueAxisParams & PresetStackedValueAxisParams;
+export type PresetGridPluginParams = PresetBarsParams & PresetBarsPNParams & PresetStackedBarsParams & PresetBarsTriangleParams & PresetDotsParams & PresetGridLegendParams & PresetGridTooltipParams & PresetGroupAuxParams & PresetGroupAxisParams & PresetLineAreasParams & PresetLinesParams & PresetGroupZoomParams & PresetValueAxisParams & PresetStackedValueAxisParams;
 export interface PresetBarsParams {
     Bars: Partial<BarsParams>;
 }
 export interface PresetBarsPNParams {
     BarsPN: Partial<BarsPNParams>;
 }
-export interface PresetStackedBarParams {
-    StackedBar: Partial<StackedBarParams>;
+export interface PresetStackedBarsParams {
+    StackedBars: Partial<StackedBarsParams>;
 }
 export interface PresetBarsTriangleParams {
     BarsTriangle: Partial<BarsTriangleParams>;
@@ -62,8 +60,8 @@ export interface PresetLineAreasParams {
 export interface PresetLinesParams {
     Lines: Partial<LinesParams>;
 }
-export interface PresetGridZoomParams {
-    GridZoom: Partial<GridZoomParams>;
+export interface PresetGroupZoomParams {
+    GroupZoom: Partial<GroupZoomParams>;
 }
 export interface PresetValueAxisParams {
     ValueAxis: Partial<ValueAxisParams>;
@@ -71,14 +69,14 @@ export interface PresetValueAxisParams {
 export interface PresetStackedValueAxisParams {
     StackedValueAxis: Partial<StackedValueAxisParams>;
 }
-export type PresetMultiGridPluginParams = PresetMultiBarsParams & PresetMultiStackedBarParams & PresetMultiBarsTriangleParams & PresetMultiDotsParams & PresetMultiGridLegendParams & PresetMultiGridTooltipParams & PresetMultiGroupAxisParams & PresetMultiLineAreasParams & PresetMultiLinesParams & PresetMultiValueAxisParams & PresetMultiStackedValueAxisParams & PresetOverlappingValueAxesParams & PresetOverlappingStackedValueAxesParams;
+export type PresetMultiGridPluginParams = PresetMultiBarsParams & PresetMultiStackedBarsParams & PresetMultiBarsTriangleParams & PresetMultiDotsParams & PresetMultiGridLegendParams & PresetMultiGridTooltipParams & PresetMultiGroupAxisParams & PresetMultiLineAreasParams & PresetMultiLinesParams & PresetMultiValueAxisParams & PresetMultiStackedValueAxisParams & PresetOverlappingValueAxesParams & PresetOverlappingStackedValueAxesParams;
 export type PresetMultiGridSepratedPluginParams = Omit<PresetMultiGridPluginParams, 'OverlappingValueAxes' | 'OverlappingStackedValueAxes'>;
 export type PresetMultiGridOverlappedPluginParams = Omit<PresetMultiGridPluginParams, 'PresetMultiGroupAxisParams' | 'PresetMultiValueAxisParams'>;
 export interface PresetMultiBarsParams {
     MultiBars: Partial<MultiBarsParams>;
 }
-export interface PresetMultiStackedBarParams {
-    MultiStackedBar: Partial<MultiStackedBarParams>;
+export interface PresetMultiStackedBarsParams {
+    MultiStackedBars: Partial<MultiStackedBarsParams>;
 }
 export interface PresetMultiBarsTriangleParams {
     MultiBarsTriangle: Partial<MultiBarsTriangleParams>;
@@ -113,7 +111,7 @@ export interface PresetOverlappingValueAxesParams {
 export interface PresetOverlappingStackedValueAxesParams {
     OverlappingStackedValueAxes: Partial<OverlappingStackedValueAxesParams>;
 }
-export type PresetMultiValuePluginParams = PresetMultiValueLegendParams & PresetMultiValueTooltipParams & PresetScatterParams & PresetScatterBubblesParams & PresetXYAuxParams & PresetXYAxesParams & PresetXYZoomParams;
+export type PresetMultiValuePluginParams = PresetMultiValueLegendParams & PresetMultiValueTooltipParams & PresetRacingBarsParams & PresetRacingCounterTextsParams & PresetRacingValueAxisParams & PresetScatterParams & PresetScatterBubblesParams & PresetXYAuxParams & PresetXYAxesParams & PresetXZoomParams;
 export interface PresetMultiValueAxisParams {
     MultiValueAxis: Partial<MultiValueAxisParams>;
 }
@@ -126,6 +124,15 @@ export interface PresetMultiValueLegendParams {
 export interface PresetMultiValueTooltipParams {
     MultiValueTooltip: Partial<MultiValueTooltipParams>;
 }
+export interface PresetRacingBarsParams {
+    RacingBars: DeepPartial<RacingBarsParams>;
+}
+export interface PresetRacingCounterTextsParams {
+    RacingCounterTexts: Partial<RacingCounterTextsParams>;
+}
+export interface PresetRacingValueAxisParams {
+    RacingValueAxis: Partial<RacingValueAxisParams>;
+}
 export interface PresetScatterParams {
     Scatter: Partial<ScatterParams>;
 }
@@ -136,10 +143,10 @@ export interface PresetXYAuxParams {
     XYAux: Partial<XYAuxParams>;
 }
 export interface PresetXYAxesParams {
-    XYAxes: Partial<XYAxesParams>;
+    XYAxes: DeepPartial<XYAxesParams>;
 }
-export interface PresetXYZoomParams {
-    XYZoom: Partial<XYZoomParams>;
+export interface PresetXZoomParams {
+    XZoom: Partial<XZoomParams>;
 }
 export type PresetRelationshipPluginParams = PresetForceDirectedParams & PresetForceDirectedBubblesParams & PresetRelationshipLegendParams & PresetRelationshipTooltipParams;
 export interface PresetForceDirectedParams {
@@ -165,4 +172,3 @@ export interface PresetTreeTooltipParams {
     TreeTooltip: Partial<TreeTooltipParams>;
 }
 export type PresetNoneDataPluginParams = {};
-export {};

package/lib/core-types.ts

@@ -1,7 +1,7 @@
-
-
-export * from '@orbcharts/core-types'
-
-// test
-// export * from '../../orbcharts-core-types/src'
-
+
+
+export * from '@orbcharts/core-types'
+
+// test
+// export * from '../../orbcharts-core-types/src'
+

package/lib/plugins-basic-types.ts

@@ -1,6 +1,6 @@
-
-
-export * from '@orbcharts/plugins-basic-types'
-
-// test
-// export * from '../../orbcharts-plugins-basic-types/src'
+
+
+export * from '@orbcharts/plugins-basic-types'
+
+// test
+// export * from '../../orbcharts-plugins-basic-types/src'

package/package.json

@@ -1,42 +1,42 @@
-{
-  "name": "@orbcharts/presets-basic",
-  "version": "3.0.0-beta.8",
-  "description": "presets for OrbCharts",
-  "author": "Blue Planet Inc.",
-  "license": "Apache-2.0",
-  "keywords": [
-    "d3",
-    "rxjs",
-    "svg",
-    "visualization",
-    "infographic",
-    "graph",
-    "chart"
-  ],
-  "private": false,
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "*"
-  ],
-  "module": "./dist/orbcharts-presets-basic.es.js",
-  "types": "./dist/src/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "vite build --mode production"
-  },
-  "devDependencies": {
-    "@types/d3": "^7.4.0",
-    "ts-loader": "^9.4.2",
-    "typescript": "^5.0.4",
-    "vite": "^5.3.5",
-    "vite-plugin-dts": "^3.7.3"
-  },
-  "dependencies": {
-    "@orbcharts/core-types": "^3.0.0-beta.5",
-    "@orbcharts/plugins-basic-types": "^3.0.0-beta.10",
-    "d3": "^7.8.5"
-  }
-}
+{
+  "name": "@orbcharts/presets-basic",
+  "version": "3.0.0",
+  "description": "presets for OrbCharts",
+  "author": "Blue Planet Inc.",
+  "license": "Apache-2.0",
+  "keywords": [
+    "d3",
+    "rxjs",
+    "svg",
+    "visualization",
+    "infographic",
+    "graph",
+    "chart"
+  ],
+  "private": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "*"
+  ],
+  "module": "./dist/orbcharts-presets-basic.es.js",
+  "types": "./dist/src/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build --mode production"
+  },
+  "devDependencies": {
+    "@types/d3": "^7.4.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.0.4",
+    "vite": "^5.3.5",
+    "vite-plugin-dts": "^3.7.3"
+  },
+  "dependencies": {
+    "@orbcharts/core-types": "^3.0.0",
+    "@orbcharts/plugins-basic-types": "^3.0.0",
+    "d3": "^7.8.5"
+  }
+}

package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts

@@ -1,56 +1,74 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetBarsParams,
-  PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_BARS_HORIZONTAL_AND_ROUND: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BARS_HORIZONTAL_AND_ROUND',
-  description: '橫向圓角長條圖',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 160
-    },
-  },
-  dataFormatter: {
-    // grid: {
-      valueAxis: {
-        position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      },
-    // }
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Bars: {
-      barWidth: 0,
-      barPadding: 1,
-      barGroupPadding: 10,
-      barRadius: true,
-    },
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      // 底部圖例及圓弧列點
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-      listRectRadius: 7,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetBarsParams,
+  PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+
+export const PRESET_BARS_HORIZONTAL_AND_ROUND: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BARS_HORIZONTAL_AND_ROUND',
+  description: 'Horizontal bars with round corners',
+  descriptionZh: '橫向圓角長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 160
+    },
+  },
+  dataFormatter: {
+    valueAxis: {
+      position: 'bottom'
+    },
+    groupAxis: {
+      position: 'left'
+    },
+  },
+  pluginParams: {
+    Bars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: true,
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7,
+    }
+  }
+}

package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts

@@ -1,52 +1,75 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_BARS_HORIZONTAL_AND_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BARS_HORIZONTAL_AND_THIN',
-  description: '橫向細長長條圖',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 160
-    },
-  },
-  dataFormatter: {
-    // grid: {
-      valueAxis: {
-        position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      },
-    // }
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Bars: {
-      barWidth: 20,
-      barPadding: 1,
-      barGroupPadding: 10
-    },
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_BARS_HORIZONTAL_AND_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BARS_HORIZONTAL_AND_THIN',
+  description: 'Horizontal thin bars',
+  descriptionZh: '橫向細長長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 160
+    },
+  },
+  dataFormatter: {
+      valueAxis: {
+        position: 'bottom'
+      },
+      groupAxis: {
+        position: 'left'
+      },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Bars: {
+      barWidth: 20,
+      barPadding: 1,
+      barGroupPadding: 10
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/grid/PRESET_BARS_ROUND.ts

@@ -1,39 +1,70 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_BARS_ROUND: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BARS_ROUND',
-  description: '圓角長條圖',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Bars: {
-      barWidth: 0,
-      barPadding: 1,
-      barGroupPadding: 10,
-      barRadius: true,
-    },
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      // 底部圖例及圓弧列點
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-      listRectRadius: 7,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_BARS_ROUND: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BARS_ROUND',
+  description: 'Rounded bars',
+  descriptionZh: '圓角長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Bars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: true,
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // 底部圖例及圓弧列點
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7,
+    }
+  }
+}