@orbcharts/presets-basic 3.0.0 → 3.0.2

package/dist/orbcharts-presets-basic.es.js

@@ -1,4 +1,4 @@
-const S = {
+const R = {
   name: "PRESET_BUBBLES_BASIC",
   description: "Basic bubble chart",
   descriptionZh: "基本泡泡圖",
@@ -40,7 +40,7 @@ const S = {
       // 圓型圖例列點
     }
   }
-}, R = {
+}, u = {
   name: "PRESET_BUBBLES_SCALING_BY_RADIUS",
   description: "Bubble chart scaled by radius size",
   descriptionZh: "以半徑尺寸為比例的泡泡圖",
@@ -85,7 +85,7 @@ const S = {
       // 圓型圖例列點
     }
   }
-}, u = {
+}, S = {
   name: "PRESET_BUBBLES_SEPARATE_SERIES",
   description: "Bubble chart showing series separately",
   descriptionZh: "分開顯示Series的泡泡圖",
@@ -188,7 +188,7 @@ const S = {
       padding: 7
     }
   }
-}, a = {
+}, e = {
   name: "PRESET_BUBBLES_SUM_SERIES",
   description: "Bubble chart of combined Series data",
   descriptionZh: "合併Series資料的泡泡圖",
@@ -225,12 +225,12 @@ const S = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     sumSeries: !0
   },
   pluginParams: {}
 };
-a.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+e.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const i = {
   name: "PRESET_PIE_BASIC",
   description: "Basic pie chart",
@@ -268,7 +268,7 @@ const i = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     SeriesLegend: {
@@ -315,7 +315,7 @@ const F = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     Pie: {
@@ -373,7 +373,7 @@ const r = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     Pie: {
@@ -431,7 +431,7 @@ const l = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     Pie: {},
@@ -485,7 +485,7 @@ const s = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0
   },
   pluginParams: {}
@@ -534,7 +534,7 @@ const o = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     SeriesLegend: {
@@ -545,7 +545,7 @@ const o = {
   }
 };
 o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const d = {
+const n = {
   name: "PRESET_PIE_SUM_SERIES",
   description: "Pie chart of combined Series data",
   descriptionZh: "合併Series資料的圓餅圖",
@@ -582,13 +582,13 @@ const d = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     sumSeries: !0
   },
   pluginParams: {}
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const n = {
+n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const d = {
   name: "PRESET_ROSE_BASIC",
   description: "Basic Rose chart",
   descriptionZh: "基本Rose參數",
@@ -631,7 +631,7 @@ const n = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     SeriesLegend: {
@@ -640,7 +640,7 @@ const n = {
     }
   }
 };
-n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const B = {
   name: "PRESET_ROSE_SCALING_BY_RADIUS",
   description: "Rose chart with radius scaling",
@@ -684,7 +684,7 @@ const B = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     Rose: {
@@ -743,13 +743,10 @@ const E = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0
   },
-  pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
 E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const C = {
@@ -795,7 +792,7 @@ const C = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   pluginParams: {
     SeriesLegend: {
@@ -849,7 +846,7 @@ const A = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     sumSeries: !0
   },
   pluginParams: {}
@@ -898,14 +895,11 @@ const D = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
-  pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
 D.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const m = {
@@ -987,7 +981,7 @@ const m = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
@@ -1031,7 +1025,7 @@ const g = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0
   },
   pluginParams: {}
@@ -1074,7 +1068,7 @@ const p = {
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     sumSeries: !0
   },
   pluginParams: {}
@@ -1197,7 +1191,6 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
       barPadding: 1,
@@ -1256,7 +1249,6 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 0,
       barPadding: 1,
@@ -1318,7 +1310,6 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
       barPadding: 1,
@@ -1377,11 +1368,7 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
@@ -1430,27 +1417,15 @@ const h = {
     }
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       position: "bottom"
-      // position: 'top'
-      // position: 'left'
-      // position: 'right'
     },
     groupAxis: {
       position: "left"
-      // position: 'right'
-      // position: 'bottom'
-      // position: 'top'
     }
-    // }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
@@ -1504,16 +1479,12 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 7
     }
   }
-}, x = {
+}, G = {
   name: "PRESET_GRID_PN_SCALE",
   description: "Positive negative scale",
   descriptionZh: "正負值分向圖",
@@ -1556,24 +1527,18 @@ const h = {
     }
   },
   dataFormatter: {
-    // grid: {
     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
     }
   }
-}, G = {
+}, x = {
   name: "PRESET_GRID_ROTATE_AXIS_LABEL",
   description: "Rotate axis label",
   descriptionZh: "傾斜標籤",
@@ -1612,13 +1577,11 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
       labelRotate: -30
     },
@@ -1627,13 +1590,11 @@ const h = {
       tickTextRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
   }
-}, k = {
+}, O = {
   name: "PRESET_GRID_SEPARATE_SERIES",
   description: "Separate Series",
   descriptionZh: "分開顯示Series",
@@ -1671,19 +1632,18 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     }
   },
   dataFormatter: {
-    // grid: {
-    // seriesSlotIndexes: [0, 1],
-    separateSeries: !0
-    // },
+    separateSeries: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
       labelRotate: -30
     },
@@ -1692,13 +1652,11 @@ const h = {
       tickTextRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
   }
-}, O = {
+}, k = {
   name: "PRESET_GRID_SIMPLE",
   description: "Simple Grid",
   descriptionZh: "簡單Grid",
@@ -1788,10 +1746,10 @@ const h = {
     },
     padding: {
       top: 40,
-      right: 80,
+      right: 60,
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: "series"
   },
@@ -1813,7 +1771,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, v = {
+}, U = {
   name: "PRESET_LINE_AREAS_CURVE",
   description: "Curve LineArea",
   descriptionZh: "弧線的折線區域圖",
@@ -1850,22 +1808,19 @@ const h = {
     },
     padding: {
       top: 40,
-      right: 80,
+      right: 60,
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {
       lineCurve: "curveMonotoneX",
       lineWidth: 3
@@ -1878,14 +1833,12 @@ const h = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, Z = {
+}, v = {
   name: "PRESET_LINE_AREAS_HORIZONTAL",
   description: "Horizontal LineArea",
   descriptionZh: "橫向折線區域圖",
@@ -1950,7 +1903,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, U = {
+}, Z = {
   name: "PRESET_LINE_AREAS_LOOSE_TICKS",
   description: "Loose Ticks LineArea",
   descriptionZh: "寬鬆標籤的折線區域圖",
@@ -1987,10 +1940,10 @@ const h = {
     },
     padding: {
       top: 40,
-      right: 80,
+      right: 60,
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
-      left: 80
+      left: 60
     },
     highlightTarget: "series"
   },
@@ -2052,7 +2005,7 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: "series"
@@ -2118,7 +2071,7 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: "series"
@@ -2127,6 +2080,10 @@ const h = {
     separateSeries: !0,
     groupAxis: {
       scalePadding: 0
+    },
+    container: {
+      columnGap: 100,
+      rowGap: 80
     }
   },
   pluginParams: {
@@ -2184,10 +2141,10 @@ const h = {
     },
     padding: {
       top: 40,
-      right: 80,
+      right: 60,
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 80
+      left: 60
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     },
     highlightTarget: "series"
@@ -2213,7 +2170,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, y = {
+}, w = {
   name: "PRESET_LINES_BASIC",
   description: "Basic Line",
   descriptionZh: "基本折線圖",
@@ -2268,7 +2225,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, w = {
+}, y = {
   name: "PRESET_LINES_CURVE",
   description: "Curve Line",
   descriptionZh: "弧線折線圖",
@@ -2326,7 +2283,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, W = {
+}, Y = {
   name: "PRESET_LINES_HORIZONTAL",
   description: "Horizontal Line",
   descriptionZh: "橫向折線圖",
@@ -2389,7 +2346,7 @@ const h = {
       listRectHeight: 2
     }
   }
-}, Y = {
+}, W = {
   name: "PRESET_LINES_LOOSE_TICKS",
   description: "Loose Ticks Line",
   descriptionZh: "寬鬆標籤的折線圖",
@@ -2484,7 +2441,7 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     },
     highlightTarget: "series"
@@ -2747,7 +2704,7 @@ const h = {
     ],
     // 設定排版方式
     container: {
-      gap: 140,
+      columnGap: 140,
       rowAmount: 1,
       columnAmount: 2
     },
@@ -2854,7 +2811,7 @@ const h = {
     ],
     // 設定排版方式
     container: {
-      gap: 160,
+      columnGap: 160,
       rowAmount: 1,
       columnAmount: 2
     },
@@ -3108,7 +3065,8 @@ const h = {
     ],
     separateGrid: !0,
     container: {
-      gap: 40
+      columnGap: 40,
+      rowGap: 60
     }
   },
   pluginParams: {
@@ -3145,7 +3103,7 @@ const h = {
       padding: 7
     }
   }
-}, et = {
+}, at = {
   name: "PRESET_MULTI_GRID_SEPARATE_GRID",
   description: "Separate Grid",
   descriptionZh: "分開顯示Grid圖表",
@@ -3183,12 +3141,16 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     }
   },
   dataFormatter: {
-    separateGrid: !0
+    separateGrid: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {
@@ -3224,7 +3186,7 @@ const h = {
       padding: 14
     }
   }
-}, at = {
+}, et = {
   name: "PRESET_MULTI_GRID_SIMPLE",
   description: "Simple MultiGrid",
   descriptionZh: "簡單MultiGrid",
@@ -3326,10 +3288,10 @@ const h = {
     },
     padding: {
       top: 40,
-      right: 80,
+      right: 60,
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 80,
-      left: 80
+      left: 60
       // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
     }
   },
@@ -3347,7 +3309,8 @@ const h = {
     ],
     separateGrid: !0,
     container: {
-      gap: 160
+      columnGap: 60,
+      rowGap: 60
     }
   },
   pluginParams: {
@@ -3448,7 +3411,7 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     }
   },
@@ -3467,11 +3430,11 @@ const h = {
         }
       }
     ],
-    separateGrid: !0
-    // container: {
-    //   rowAmount: 1,
-    //   columnAmount: 2,
-    // }
+    separateGrid: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {
@@ -3588,7 +3551,8 @@ const h = {
     ],
     separateGrid: !0,
     container: {
-      gap: 40
+      columnGap: 100,
+      rowGap: 80
     }
   },
   pluginParams: {
@@ -3689,12 +3653,16 @@ const h = {
     padding: {
       top: 40,
       right: 40,
-      bottom: 140,
+      bottom: 120,
       left: 80
     }
   },
   dataFormatter: {
-    separateGrid: !0
+    separateGrid: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     MultiGroupAxis: {
@@ -3849,7 +3817,11 @@ const h = {
     }
   },
   dataFormatter: {
-    separateCategory: !0
+    separateCategory: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
   },
   pluginParams: {
     XYAxes: {
@@ -3865,7 +3837,7 @@ const h = {
       padding: 14
     }
   }
-}, dt = {
+}, nt = {
   name: "PRESET_MULTI_VALUE_SIMPLE",
   description: "Simple MultiValue",
   descriptionZh: "簡單MultiValue參數",
@@ -3913,7 +3885,336 @@ const h = {
       padding: 7
     }
   }
-}, nt = {
+}, dt = {
+  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
+      // 圓型圖例列點
+    }
+  }
+}, Bt = {
+  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
+      // 圓型圖例列點
+    }
+  }
+}, Et = {
+  name: "PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY",
+  description: "Ordinal bubbles with linear opacity",
+  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: {
+      bubble: {
+        valueLinearOpacity: [0.5, 1]
+      }
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Ct = {
+  name: "PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS",
+  description: "Ordinal bubbles with radius scaling",
+  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: {
+      bubble: {
+        arcScaleType: "radius"
+      }
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, At = {
+  name: "PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY",
+  description: "Ordinal bubbles with separate category",
+  descriptionZh: "分開顯示category的序數泡泡圖",
+  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: 140
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0,
+    container: {
+      columnGap: 140,
+      rowGap: 60
+    }
+  },
+  pluginParams: {
+    OrdinalBubbles: {},
+    OrdinalAxis: {
+      ticks: 2
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Dt = {
+  name: "PRESET_ORDINAL_BUBBLES_SIMPLE",
+  description: "Simple 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: 140
+    }
+  },
+  pluginParams: {
+    OrdinalBubbles: {},
+    OrdinalAxis: {
+      ticks: 2
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, ct = {
   name: "PRESET_RACING_BARS_ALL_ITEMS",
   description: "Racing bars for all items",
   descriptionZh: "顯示全部項目的賽跑長條圖",
@@ -3966,7 +4267,7 @@ const h = {
       padding: 14
     }
   }
-}, Bt = {
+}, gt = {
   name: "PRESET_RACING_BARS_BASIC",
   description: "Basic racing bars",
   descriptionZh: "基本賽跑長條圖",
@@ -4018,7 +4319,7 @@ const h = {
       padding: 14
     }
   }
-}, Et = {
+}, pt = {
   name: "PRESET_RACING_BARS_FAST",
   description: "Fast racing bars",
   descriptionZh: "快速的賽跑長條圖",
@@ -4070,7 +4371,7 @@ const h = {
       padding: 14
     }
   }
-}, Ct = {
+}, Rt = {
   name: "PRESET_RACING_BARS_FASTER",
   description: "Faster racing bars",
   descriptionZh: "更快速的賽跑長條圖",
@@ -4122,7 +4423,7 @@ const h = {
       padding: 14
     }
   }
-}, At = {
+}, ut = {
   name: "PRESET_RACING_BARS_LOOP",
   description: "Looping racing bars",
   descriptionZh: "循環的賽跑長條圖",
@@ -4175,7 +4476,7 @@ const h = {
       padding: 14
     }
   }
-}, Dt = {
+}, St = {
   name: "PRESET_RACING_BARS_OUTSIDE_LABELS",
   description: "Racing bars with labels outside",
   descriptionZh: "標籤在外面的賽跑長條圖",
@@ -4231,7 +4532,7 @@ const h = {
       padding: 14
     }
   }
-}, ct = {
+}, _t = {
   name: "PRESET_RACING_BARS_SEPARATE_CATEGORY",
   description: "Racing bars with separate category",
   descriptionZh: "分開顯示category的賽跑長條圖",
@@ -4277,7 +4578,7 @@ const h = {
   dataFormatter: {
     separateCategory: !0,
     container: {
-      gap: 80
+      rowGap: 60
     }
   },
   pluginParams: {
@@ -4300,7 +4601,7 @@ const h = {
       padding: 14
     }
   }
-}, gt = {
+}, mt = {
   name: "PRESET_RACING_BARS_SIMPLE",
   description: "Simple racing bars",
   descriptionZh: "簡單賽跑長條圖",
@@ -4352,7 +4653,7 @@ const h = {
       padding: 7
     }
   }
-}, pt = {
+}, ht = {
   name: "PRESET_RACING_BARS_STOP",
   description: "Stopped racing bars",
   descriptionZh: "停止的賽跑長條圖",
@@ -4403,7 +4704,7 @@ const h = {
       padding: 14
     }
   }
-}, St = {
+}, Pt = {
   name: "PRESET_SCATTER_BASIC",
   description: "Basic scatter",
   descriptionZh: "基本散布圖",
@@ -4453,7 +4754,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Rt = {
+}, bt = {
   name: "PRESET_SCATTER_BUBBLES_BASIC",
   description: "Basic scatter bubbles",
   descriptionZh: "基本的散布泡泡圖",
@@ -4503,7 +4804,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, ut = {
+}, Tt = {
   name: "PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS",
   description: "Scatter bubbles with radius scaling",
   descriptionZh: "以半徑尺寸為比例的散布泡泡圖",
@@ -4556,7 +4857,7 @@ const h = {
       arcScaleType: "radius"
     }
   }
-}, _t = {
+}, It = {
   name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
   description: "Scatter bubbles with linear opacity",
   descriptionZh: "以資料量漸變透明度的散布泡泡圖",
@@ -4609,7 +4910,7 @@ const h = {
       valueLinearOpacity: [0.5, 1]
     }
   }
-}, mt = {
+}, Lt = {
   name: "PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY",
   description: "Scatter bubbles with separate category",
   descriptionZh: "分開顯示category的散布泡泡圖",
@@ -4652,7 +4953,11 @@ const h = {
     }
   },
   dataFormatter: {
-    separateCategory: !0
+    separateCategory: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 70
+    }
   },
   pluginParams: {
     MultiValueLegend: {
@@ -4662,7 +4967,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, ht = {
+}, Mt = {
   name: "PRESET_SCATTER_BUBBLES_SIMPLE",
   description: "Simple scatter bubbles",
   descriptionZh: "簡單的散布泡泡圖",
@@ -4712,7 +5017,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Pt = {
+}, Gt = {
   name: "PRESET_SCATTER_SEPARATE_CATEGORY",
   description: "Scatter with separate category",
   descriptionZh: "分開顯示category的散布圖",
@@ -4755,7 +5060,11 @@ const h = {
     }
   },
   dataFormatter: {
-    separateCategory: !0
+    separateCategory: !0,
+    container: {
+      columnGap: 100,
+      rowGap: 70
+    }
   },
   pluginParams: {
     XYAxes: {
@@ -4773,7 +5082,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, bt = {
+}, xt = {
   name: "PRESET_SCATTER_SIMPLE",
   description: "Simple scatter",
   descriptionZh: "簡單散布圖",
@@ -4823,7 +5132,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Tt = {
+}, Ot = {
   name: "PRESET_FORCE_DIRECTED_BASIC",
   description: "Basic force directed chart",
   descriptionZh: "基本力導向圖",
@@ -4866,7 +5175,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, It = {
+}, kt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
   description: "Basic force directed bubbles chart",
   descriptionZh: "基本力導向泡泡圖",
@@ -4909,7 +5218,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Lt = {
+}, Nt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH",
   description: "Force-directed bubble chart with fixed arrow width",
   descriptionZh: "固定箭頭寬度的力導向泡泡圖",
@@ -4957,7 +5266,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Mt = {
+}, Ut = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
   description: "Force-directed bubble chart without arrows",
   descriptionZh: "沒有箭頭的力導向泡泡圖",
@@ -5005,7 +5314,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, xt = {
+}, vt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
   description: "Force Directed bubbles chart without mouse drag and zoom control",
   descriptionZh: "無滑鼠托曳及縮放控制的力導向泡泡圖",
@@ -5050,7 +5359,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Gt = {
+}, Zt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE",
   description: "Simple force directed bubbles chart",
   descriptionZh: "簡單力導向泡泡圖",
@@ -5094,7 +5403,7 @@ const h = {
       padding: 7
     }
   }
-}, kt = {
+}, ft = {
   name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
   description: "Force directed chart without mouse drag and zoom control",
   descriptionZh: "無滑鼠托曳及縮放控制的力導向圖",
@@ -5139,7 +5448,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Ot = {
+}, Vt = {
   name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
   description: "Force directed chart with fixed font size",
   descriptionZh: "固定字體大小的力導向圖",
@@ -5147,16 +5456,16 @@ const h = {
     colors: {
       light: {
         label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
           "#F9B052",
-          "#8454D4",
+          "#6F3BD5",
           "#42C724",
-          "#FF4B4B",
+          "#FF3232",
           "#904026",
-          "#4B25B3",
-          "#C50669"
+          "#1F3172",
+          "#E23D93"
         ]
       },
       dark: {
@@ -5164,13 +5473,13 @@ const h = {
           "#4BABFF",
           "#FFA0A0",
           "#7DD3C4",
-          "#F9B052",
+          "#FAC77D",
           "#8454D4",
           "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
         ]
       }
     }
@@ -5189,7 +5498,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, Nt = {
+}, Ht = {
   name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
   description: "Force directed chart without arrows",
   descriptionZh: "沒有箭頭的力導向圖",
@@ -5237,7 +5546,7 @@ const h = {
       // 圓型圖例列點
     }
   }
-}, vt = {
+}, wt = {
   name: "PRESET_FORCE_DIRECTED_SIMPLE",
   description: "Simple force directed chart",
   descriptionZh: "簡單力導向圖",
@@ -5281,7 +5590,7 @@ const h = {
       padding: 7
     }
   }
-}, Zt = {
+}, yt = {
   name: "PRESET_TREE_MAP_BASIC",
   description: "Basic tree map",
   descriptionZh: "基本樹狀矩形圖",
@@ -5324,16 +5633,13 @@ const h = {
     }
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     TreeMap: {},
     TreeLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
   }
-}, Ut = {
+}, Yt = {
   name: "PRESET_TREE_MAP_SIMPLE",
   description: "Simple tree map",
   descriptionZh: "簡單樹狀矩形圖",
@@ -5388,39 +5694,39 @@ export {
   P as PRESET_BARS_HORIZONTAL_AND_THIN,
   b as PRESET_BARS_ROUND,
   T as PRESET_BARS_THIN,
-  S as PRESET_BUBBLES_BASIC,
-  R as PRESET_BUBBLES_SCALING_BY_RADIUS,
-  u as PRESET_BUBBLES_SEPARATE_SERIES,
+  R as PRESET_BUBBLES_BASIC,
+  u as PRESET_BUBBLES_SCALING_BY_RADIUS,
+  S as PRESET_BUBBLES_SEPARATE_SERIES,
   _ as PRESET_BUBBLES_SIMPLE,
-  a as PRESET_BUBBLES_SUM_SERIES,
-  Tt as PRESET_FORCE_DIRECTED_BASIC,
-  It as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
-  Lt as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
-  Mt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
-  xt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
-  Gt as PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE,
-  Ot as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
-  Nt as PRESET_FORCE_DIRECTED_NONE_ARROW,
-  kt as PRESET_FORCE_DIRECTED_NONE_ZOOM,
-  vt as PRESET_FORCE_DIRECTED_SIMPLE,
+  e as PRESET_BUBBLES_SUM_SERIES,
+  Ot as PRESET_FORCE_DIRECTED_BASIC,
+  kt as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
+  Nt as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
+  Ut as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
+  vt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
+  Zt as PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE,
+  Vt as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
+  Ht as PRESET_FORCE_DIRECTED_NONE_ARROW,
+  ft as PRESET_FORCE_DIRECTED_NONE_ZOOM,
+  wt as PRESET_FORCE_DIRECTED_SIMPLE,
   I as PRESET_GRID_BASIC,
   L as PRESET_GRID_HORIZONTAL,
-  x as PRESET_GRID_PN_SCALE,
+  G as PRESET_GRID_PN_SCALE,
   M as PRESET_GRID_PN_SCALE_SIMPLE,
-  G as PRESET_GRID_ROTATE_AXIS_LABEL,
-  k as PRESET_GRID_SEPARATE_SERIES,
-  O as PRESET_GRID_SIMPLE,
-  y as PRESET_LINES_BASIC,
-  w as PRESET_LINES_CURVE,
-  W as PRESET_LINES_HORIZONTAL,
-  Y as PRESET_LINES_LOOSE_TICKS,
+  x as PRESET_GRID_ROTATE_AXIS_LABEL,
+  O as PRESET_GRID_SEPARATE_SERIES,
+  k as PRESET_GRID_SIMPLE,
+  w as PRESET_LINES_BASIC,
+  y as PRESET_LINES_CURVE,
+  Y as PRESET_LINES_HORIZONTAL,
+  W as PRESET_LINES_LOOSE_TICKS,
   X as PRESET_LINES_ROTATE_AXIS_LABEL,
   z as PRESET_LINES_SIMPLE,
   K as PRESET_LINES_WITH_SOLID_DOTS,
   N as PRESET_LINE_AREAS_BASIC,
-  v as PRESET_LINE_AREAS_CURVE,
-  Z as PRESET_LINE_AREAS_HORIZONTAL,
-  U as PRESET_LINE_AREAS_LOOSE_TICKS,
+  U as PRESET_LINE_AREAS_CURVE,
+  v as PRESET_LINE_AREAS_HORIZONTAL,
+  Z as PRESET_LINE_AREAS_LOOSE_TICKS,
   f as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
   V as PRESET_LINE_AREAS_SEPARATE_SERIES,
   H as PRESET_LINE_AREAS_SIMPLE,
@@ -5429,50 +5735,56 @@ export {
   q as PRESET_MULTI_GRID_DIVERGING_SIMPLE,
   $ as PRESET_MULTI_GRID_ROUND_STYLE,
   Q as PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE,
-  et as PRESET_MULTI_GRID_SEPARATE_GRID,
+  at as PRESET_MULTI_GRID_SEPARATE_GRID,
   tt as PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE,
-  at as PRESET_MULTI_GRID_SIMPLE,
+  et as PRESET_MULTI_GRID_SIMPLE,
   lt as PRESET_MULTI_LINES_SEPARATE_GRID,
   rt as PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE,
   Ft as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID,
   it as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE,
   st as PRESET_MULTI_VALUE_BASIC,
   ot as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
-  dt as PRESET_MULTI_VALUE_SIMPLE,
+  nt as PRESET_MULTI_VALUE_SIMPLE,
+  dt as PRESET_ORDINAL_BUBBLES_ALL_ITEMS,
+  Bt as PRESET_ORDINAL_BUBBLES_BASIC,
+  Et as PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY,
+  Ct as PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS,
+  At as PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY,
+  Dt as PRESET_ORDINAL_BUBBLES_SIMPLE,
   i as PRESET_PIE_BASIC,
   F as PRESET_PIE_DONUT,
   r as PRESET_PIE_HALF_DONUT,
   s as PRESET_PIE_SEPARATE_SERIES,
   o as PRESET_PIE_SIMPLE,
-  d as PRESET_PIE_SUM_SERIES,
+  n as PRESET_PIE_SUM_SERIES,
   l as PRESET_PIE_WITH_INNER_LABELS,
-  nt as PRESET_RACING_BARS_ALL_ITEMS,
-  Bt as PRESET_RACING_BARS_BASIC,
-  Et as PRESET_RACING_BARS_FAST,
-  Ct as PRESET_RACING_BARS_FASTER,
-  At as PRESET_RACING_BARS_LOOP,
-  Dt as PRESET_RACING_BARS_OUTSIDE_LABELS,
-  ct as PRESET_RACING_BARS_SEPARATE_CATEGORY,
-  gt as PRESET_RACING_BARS_SIMPLE,
-  pt as PRESET_RACING_BARS_STOP,
-  n as PRESET_ROSE_BASIC,
+  ct as PRESET_RACING_BARS_ALL_ITEMS,
+  gt as PRESET_RACING_BARS_BASIC,
+  pt as PRESET_RACING_BARS_FAST,
+  Rt as PRESET_RACING_BARS_FASTER,
+  ut as PRESET_RACING_BARS_LOOP,
+  St as PRESET_RACING_BARS_OUTSIDE_LABELS,
+  _t as PRESET_RACING_BARS_SEPARATE_CATEGORY,
+  mt as PRESET_RACING_BARS_SIMPLE,
+  ht as PRESET_RACING_BARS_STOP,
+  d as PRESET_ROSE_BASIC,
   B as PRESET_ROSE_SCALING_BY_RADIUS,
   E as PRESET_ROSE_SEPARATE_SERIES,
   D as PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES,
   C as PRESET_ROSE_SIMPLE,
   A as PRESET_ROSE_SUM_SERIES,
-  St as PRESET_SCATTER_BASIC,
-  Rt as PRESET_SCATTER_BUBBLES_BASIC,
-  _t as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
-  ut as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
-  mt as PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY,
-  ht as PRESET_SCATTER_BUBBLES_SIMPLE,
-  Pt as PRESET_SCATTER_SEPARATE_CATEGORY,
-  bt as PRESET_SCATTER_SIMPLE,
+  Pt as PRESET_SCATTER_BASIC,
+  bt as PRESET_SCATTER_BUBBLES_BASIC,
+  It as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
+  Tt as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
+  Lt as PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY,
+  Mt as PRESET_SCATTER_BUBBLES_SIMPLE,
+  Gt as PRESET_SCATTER_SEPARATE_CATEGORY,
+  xt as PRESET_SCATTER_SIMPLE,
   m as PRESET_SERIES_BASIC,
   g as PRESET_SERIES_SEPARATE_SERIES,
   c as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
   p as PRESET_SERIES_SUM_SERIES,
-  Zt as PRESET_TREE_MAP_BASIC,
-  Ut as PRESET_TREE_MAP_SIMPLE
+  yt as PRESET_TREE_MAP_BASIC,
+  Yt as PRESET_TREE_MAP_SIMPLE
 };