@orbcharts/presets-basic 3.0.0-beta.9 → 3.0.1

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/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@orbcharts/presets-basic",
-  "version": "3.0.0-beta.9",
-  "description": "presets for OrbCharts",
+  "version": "3.0.1",
+  "description": "Presets for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
   "keywords": [
     "d3",
     "rxjs",
+    "typescript",
     "svg",
     "visualization",
     "infographic",
@@ -21,8 +22,11 @@
   "files": [
     "*"
   ],
+  "main": "./dist/orbcharts-presets-basic.umd.js",
   "module": "./dist/orbcharts-presets-basic.es.js",
   "types": "./dist/src/index.d.ts",
+  "unpkg": "./dist/orbcharts-presets-basic.umd.js",
+  "jsdelivr": "./dist/orbcharts-presets-basic.umd.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "vite build --mode production"
@@ -35,8 +39,8 @@
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core-types": "^3.0.0-beta.6",
-    "@orbcharts/plugins-basic-types": "^3.0.0-beta.11",
+    "@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

@@ -3,38 +3,59 @@ 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: '橫向圓角長條圖',
+  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: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     },
   },
   dataFormatter: {
-    // grid: {
-      valueAxis: {
-        position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      },
-    // }
+    valueAxis: {
+      position: 'bottom'
+    },
+    groupAxis: {
+      position: 'left'
+    },
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bars: {
       barWidth: 0,
       barPadding: 1,
@@ -45,9 +66,6 @@ export const PRESET_BARS_HORIZONTAL_AND_ROUND: PresetPartial<'grid', Partial<Pre
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // 底部圖例及圓弧列點
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectRadius: 7,

package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts

@@ -7,32 +7,55 @@ import type { PresetGridPluginParams,
 export const PRESET_BARS_HORIZONTAL_AND_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_BARS_HORIZONTAL_AND_THIN',
-  description: '橫向細長長條圖',
+  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: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     },
   },
   dataFormatter: {
-    // grid: {
       valueAxis: {
         position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
       },
       groupAxis: {
         position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
       },
-    // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,

package/src/grid/PRESET_BARS_ROUND.ts

@@ -7,16 +7,47 @@ import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 export const PRESET_BARS_ROUND: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_BARS_ROUND',
-  description: '圓角長條圖',
+  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: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 0,

package/src/grid/PRESET_BARS_THIN.ts

@@ -7,16 +7,47 @@ import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 export const PRESET_BARS_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_BARS_THIN',
-  description: '細長條圖',
+  description: '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: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,

package/src/grid/PRESET_GRID_BASIC.ts

@@ -5,16 +5,47 @@ import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../type
 export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_GRID_BASIC',
-  description: '基本Grid參數',
+  description: 'Basic Grid',
+  descriptionZh: '基本Grid',
   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: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {

package/src/grid/PRESET_GRID_HORIZONTAL.ts

@@ -5,13 +5,44 @@ import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../type
 export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_GRID_HORIZONTAL',
-  description: '橫向圖',
+  description: 'Horizontal Grid',
+  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: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     },
   },
@@ -31,7 +62,7 @@ export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPlu
       },
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {

package/src/grid/PRESET_GRID_PN_SCALE.ts

@@ -5,13 +5,44 @@ import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../type
 export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_GRID_PN_SCALE',
-  description: '正負值分向圖',
+  description: 'Positive negative scale',
+  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: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
   },
   dataFormatter: {
@@ -22,7 +53,7 @@ export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPlugi
       },
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {

package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts

@@ -0,0 +1,63 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_GRID_PN_SCALE_SIMPLE: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_PN_SCALE_SIMPLE',
+  description: 'Simple positive negative scale',
+  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: 80,
+      left: 40
+    },
+  },
+  dataFormatter: {
+    valueAxis: {
+      scaleDomain: ['auto', 'auto'],
+      scaleRange: [0.05, 0.95],
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 7,
+    }
+  }
+}