@orbcharts/presets-basic 3.0.1 → 3.0.3

package/src/grid/PRESET_BARS_ROUND.ts

@@ -2,7 +2,6 @@ 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>> = {
@@ -48,7 +47,6 @@ export const PRESET_BARS_ROUND: PresetPartial<'grid', Partial<PresetGridPluginPa
     },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 0,
       barPadding: 1,

package/src/grid/PRESET_BARS_THIN.ts

@@ -2,7 +2,6 @@ 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_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -48,7 +47,6 @@ export const PRESET_BARS_THIN: PresetPartial<'grid', Partial<PresetGridPluginPar
     },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
       barPadding: 1,

package/src/grid/PRESET_GRID_BASIC.ts

@@ -1,6 +1,5 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -46,11 +45,7 @@ export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginPa
     },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
     }

package/src/grid/PRESET_GRID_HORIZONTAL.ts

@@ -1,6 +1,5 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -47,27 +46,15 @@ export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPlu
     },
   },
   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'
+    },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
     }

package/src/grid/PRESET_GRID_PN_SCALE.ts

@@ -1,6 +1,5 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -46,19 +45,13 @@ export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPlugi
     },
   },
   dataFormatter: {
-    // grid: {
-      valueAxis: {
-        scaleDomain: ['auto', 'auto'],
-        scaleRange: [0.05, 0.95],
-      },
-    // }
+    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: 14,
     }

package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts

@@ -51,11 +51,7 @@ export const PRESET_GRID_PN_SCALE_SIMPLE: PresetPartial<'grid', Partial<PresetGr
     },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 7,
     }

package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts

@@ -1,6 +1,5 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -42,13 +41,11 @@ export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Preset
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
       labelRotate: -30
     },
@@ -57,8 +54,6 @@ export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Preset
       tickTextRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
     }

package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts

@@ -1,6 +1,5 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_GRID_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -41,19 +40,18 @@ export const PRESET_GRID_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGr
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
   },
   dataFormatter: {
-    // grid: {
-      // seriesSlotIndexes: [0, 1],
-      separateSeries: true,
-    // },
+    separateSeries: true,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
       labelRotate: -30
     },
@@ -62,8 +60,6 @@ export const PRESET_GRID_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGr
       tickTextRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
     }

package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts

@@ -42,7 +42,7 @@ export const PRESET_LINES_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Prese
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: 'series'

package/src/grid/PRESET_LINE_AREAS_BASIC.ts

@@ -41,9 +41,9 @@ export const PRESET_LINE_AREAS_BASIC: PresetPartial<'grid', Partial<PresetGridPl
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: 'series'
   },

package/src/grid/PRESET_LINE_AREAS_CURVE.ts

@@ -2,7 +2,6 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
@@ -42,21 +41,18 @@ export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPl
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: 'series'
   },
   dataFormatter: {
-    // grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
-    // }
+    groupAxis: {
+      scalePadding: 0
+    }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {
       lineCurve: 'curveMonotoneX',
       lineWidth: 3
@@ -69,8 +65,6 @@ export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPl
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts

@@ -41,9 +41,9 @@ export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Parti
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: 'group'
   },

package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts

@@ -41,9 +41,9 @@ export const PRESET_LINE_AREAS_LOOSE_TICKS: PresetPartial<'grid', Partial<Preset
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: 'series'
   },

package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts

@@ -42,7 +42,7 @@ export const PRESET_LINE_AREAS_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: 'series'

package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts

@@ -42,7 +42,7 @@ export const PRESET_LINE_AREAS_SEPARATE_SERIES: PresetPartial<'grid', Partial<Pr
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: 'series'
@@ -51,6 +51,10 @@ export const PRESET_LINE_AREAS_SEPARATE_SERIES: PresetPartial<'grid', Partial<Pr
     separateSeries: true,
     groupAxis: {
       scalePadding: 0
+    },
+    container: {
+      columnGap: 100,
+      rowGap: 80
     }
   },
   pluginParams: {

package/src/grid/PRESET_LINE_AREAS_SIMPLE.ts

@@ -41,9 +41,9 @@ export const PRESET_LINE_AREAS_SIMPLE: PresetPartial<'grid', Partial<PresetGridP
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 80 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      left: 60 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     },
     highlightTarget: 'series'
   },

package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts

@@ -70,7 +70,7 @@ export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<Pre
     ],
     // 設定排版方式
     container: {
-      gap: 160,
+      columnGap: 160,
       rowAmount: 1,
       columnAmount: 2
     },

package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.ts

@@ -72,7 +72,7 @@ export const PRESET_MULTI_GRID_DIVERGING_SIMPLE: PresetPartial<'multiGrid', Part
     ],
     // 設定排版方式
     container: {
-      gap: 140,
+      columnGap: 140,
       rowAmount: 1,
       columnAmount: 2
     },

package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts

@@ -59,6 +59,10 @@ export const PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE: PresetPartial<'multiGrid', Pa
         },
       },
     ],
+    container: {
+      columnGap: 40,
+      rowGap: 60
+    }
   },
   pluginParams: {
     MultiBars: {

package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts

@@ -43,12 +43,16 @@ export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
   },
   dataFormatter: {
     separateGrid: true,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {

package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.ts

@@ -58,7 +58,8 @@ export const PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid',
     ],
     separateGrid: true,
     container: {
-      gap: 40
+      columnGap: 40,
+      rowGap: 60
     },
   },
   pluginParams: {

package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts

@@ -43,12 +43,16 @@ export const PRESET_MULTI_LINES_SEPARATE_GRID: PresetPartial<'multiGrid', Partia
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
   },
   dataFormatter: {
     separateGrid: true,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {

package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.ts

@@ -58,7 +58,8 @@ export const PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid',
     ],
     separateGrid: true,
     container: {
-      gap: 40
+      columnGap: 40,
+      rowGap: 60
     }
   },
   pluginParams: {

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts

@@ -43,7 +43,7 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', P
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
   },
@@ -63,10 +63,10 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', P
       }
     ],
     separateGrid: true,
-    // container: {
-    //   rowAmount: 1,
-    //   columnAmount: 2,
-    // }
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts

@@ -42,9 +42,9 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE: PresetPartial<'multiG
     },
     padding: {
       top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      right: 60, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 80 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      left: 60 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     },
   },
   dataFormatter: {
@@ -61,7 +61,8 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE: PresetPartial<'multiG
     ],
     separateGrid: true,
     container: {
-      gap: 160
+      columnGap: 60,
+      rowGap: 60
     }
   },
   pluginParams: {

package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts

@@ -45,7 +45,11 @@ export const PRESET_MULTI_VALUE_SEPARATE_CATEGORY: PresetPartial<'multiValue', P
     },
   },
   dataFormatter: {
-    separateCategory: true
+    separateCategory: true,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     XYAxes: {

package/src/multiValue/PRESET_ORDINAL_BUBBLES_ALL_ITEMS.ts

@@ -0,0 +1,57 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_ALL_ITEMS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_ALL_ITEMS',
+  description: 'Ordinal bubbles with all items',
+  descriptionZh: '顯示全部項目的序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 160
+    },
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+      rankingAmount: 'auto',
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_ORDINAL_BUBBLES_BASIC.ts

@@ -0,0 +1,56 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_BASIC',
+  description: 'Basic ordinal bubbles',
+  descriptionZh: '序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 160
+    },
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}