@orbcharts/presets-basic 3.0.0-beta.11 → 3.0.0-beta.13

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

@@ -1,6 +1,7 @@
-const C = {
+const u = {
   name: "PRESET_BUBBLES_BASIC",
-  description: "基本泡泡圖",
+  description: "Basic bubble chart",
+  descriptionZh: "基本泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -19,17 +20,16 @@ const C = {
       }
     }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, c = {
+}, _ = {
   name: "PRESET_BUBBLES_SCALING_BY_RADIUS",
-  description: "以半徑尺寸為比例的泡泡圖",
+  description: "Bubble chart scaled by radius size",
+  descriptionZh: "以半徑尺寸為比例的泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -48,8 +48,7 @@ const C = {
       }
     }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bubbles: {
       arcScaleType: "radius"
     },
@@ -58,9 +57,10 @@ const C = {
       // 圓型圖例列點
     }
   }
-}, u = {
+}, C = {
   name: "PRESET_BUBBLES_SEPARATE_SERIES",
-  description: "分開顯示Series的泡泡圖",
+  description: "Bubble chart showing series separately",
+  descriptionZh: "分開顯示Series的泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -89,8 +89,7 @@ const C = {
   dataFormatter: {
     separateSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bubbles: {},
     SeriesLegend: {
       listRectRadius: 7
@@ -98,9 +97,45 @@ const C = {
     },
     SeriesTooltip: {}
   }
+}, m = {
+  name: "PRESET_BUBBLES_SIMPLE",
+  description: "Simple bubble chart",
+  descriptionZh: "簡單泡泡圖",
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
+  }
 }, i = {
   name: "PRESET_BUBBLES_SUM_SERIES",
-  description: "合併Series資料的泡泡圖",
+  description: "Bubble chart of combined Series data",
+  descriptionZh: "合併Series資料的泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -120,18 +155,16 @@ const C = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     sumSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
 i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const l = {
+const a = {
   name: "PRESET_PIE_BASIC",
-  description: "基本圓餅圖",
+  description: "Basic pie chart",
+  descriptionZh: "基本圓餅圖",
   chartParams: {
     colors: {
       light: {
@@ -151,20 +184,20 @@ const l = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
 };
-l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+a.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const r = {
   name: "PRESET_PIE_DONUT",
-  description: "甜甜圈圖",
+  description: "Donut chart",
+  descriptionZh: "甜甜圈圖",
   chartParams: {
     colors: {
       light: {
@@ -184,10 +217,9 @@ const r = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5
     },
@@ -202,7 +234,8 @@ const r = {
 r.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const s = {
   name: "PRESET_PIE_HALF_DONUT",
-  description: "半圓甜甜圈圖",
+  description: "Half donut chart",
+  descriptionZh: "半圓甜甜圈圖",
   chartParams: {
     colors: {
       light: {
@@ -228,10 +261,9 @@ const s = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5,
       startAngle: -Math.PI / 2,
@@ -250,9 +282,10 @@ const s = {
   }
 };
 s.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const o = {
+const l = {
   name: "PRESET_PIE_WITH_INNER_LABELS",
-  description: "圓餅圖及內部資料標籤",
+  description: "Pie chart with inner data labels",
+  descriptionZh: "圓餅圖及內部資料標籤",
   chartParams: {
     colors: {
       light: {
@@ -272,10 +305,9 @@ const o = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {},
     PieLabels: {
       labelCentroid: 1.3,
@@ -289,10 +321,11 @@ const o = {
     }
   }
 };
-o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const E = {
+l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const o = {
   name: "PRESET_PIE_SEPARATE_SERIES",
-  description: "分開顯示Series的圓餅圖",
+  description: "Separate pie chart of Series",
+  descriptionZh: "分開顯示Series的圓餅圖",
   chartParams: {
     colors: {
       light: {
@@ -312,19 +345,23 @@ const E = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     separateSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
-E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const n = {
-  name: "PRESET_PIE_SUM_SERIES",
-  description: "合併Series資料的圓餅圖",
+  name: "PRESET_PIE_SIMPLE",
+  description: "Simple pie chart",
+  descriptionZh: "簡單圓餅圖",
   chartParams: {
+    padding: {
+      top: 30,
+      right: 30,
+      bottom: 30,
+      left: 30
+    },
     colors: {
       light: {
         label: [
@@ -343,19 +380,57 @@ const n = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
-    sumSeries: !0
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
   }
 };
 n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const F = {
+const d = {
+  name: "PRESET_PIE_SUM_SERIES",
+  description: "Pie chart of combined Series data",
+  descriptionZh: "合併Series資料的圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    sumSeries: !0
+  },
+  pluginParams: {}
+};
+d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const E = {
   name: "PRESET_ROSE_BASIC",
-  description: "基本Rose參數",
+  description: "Basic Rose chart",
+  descriptionZh: "基本Rose參數",
   chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
     colors: {
       light: {
         label: [
@@ -374,22 +449,27 @@ const F = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
 };
-F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const d = {
+E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const c = {
   name: "PRESET_ROSE_SCALING_BY_RADIUS",
-  description: "以半徑尺寸為比例的玫瑰圖",
+  description: "Rose chart with radius scaling",
+  descriptionZh: "以半徑尺寸為比例的玫瑰圖",
   chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
     colors: {
       light: {
         label: [
@@ -408,10 +488,9 @@ const d = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value
+    sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Rose: {
       arcScaleType: "radius"
     },
@@ -424,11 +503,18 @@ const d = {
     }
   }
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const A = {
+c.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const F = {
   name: "PRESET_ROSE_SEPARATE_SERIES",
-  description: "分開顯示Series的玫瑰圖",
+  description: "Separate rose chart of Series",
+  descriptionZh: "分開顯示Series的玫瑰圖",
   chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
     colors: {
       light: {
         label: [
@@ -447,19 +533,66 @@ const A = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     separateSeries: !0
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-A.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const g = {
+  name: "PRESET_ROSE_SIMPLE",
+  description: "Simple Rose chart",
+  descriptionZh: "簡單Rose參數",
+  chartParams: {
+    padding: {
+      top: 20,
+      right: 20,
+      bottom: 20,
+      left: 20
+    },
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
+  }
+};
+g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const B = {
   name: "PRESET_ROSE_SUM_SERIES",
-  description: "合併Series資料的玫瑰圖",
+  description: "Rose chart of combined Series data",
+  descriptionZh: "合併Series資料的玫瑰圖",
   chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
     colors: {
       light: {
         label: [
@@ -478,19 +611,23 @@ const B = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     sumSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
 B.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const g = {
+const p = {
   name: "PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES",
-  description: "分開顯示Series並合併Series資料",
+  description: "Separate and sum Series data",
+  descriptionZh: "分開顯示Series並合併Series資料",
   chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
     colors: {
       light: {
         label: [
@@ -509,19 +646,20 @@ const g = {
     }
   },
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const P = {
+p.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const h = {
   name: "PRESET_SERIES_BASIC",
-  description: "基本Series參數",
+  description: "Basic Series parameters",
+  descriptionZh: "基本Series參數",
   chartParams: {
     colors: {
       light: {
@@ -540,57 +678,50 @@ const P = {
       }
     }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, S = {
+}, A = {
   name: "PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES",
-  description: "分開顯示Series並合併Series資料",
+  description: "Separate and sum Series data",
+  descriptionZh: "分開顯示Series並合併Series資料",
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
-S.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const R = {
+A.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const S = {
   name: "PRESET_SERIES_SEPARATE_SERIES",
-  description: "分開顯示Series",
+  description: "Separate Series",
+  descriptionZh: "分開顯示Series",
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     separateSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
-R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const _ = {
+S.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const R = {
   name: "PRESET_SERIES_SUM_SERIES",
-  description: "合併Series資料",
+  description: "Combine Series data",
+  descriptionZh: "合併Series資料",
   dataFormatter: {
-    sort: (t, a) => a.value - t.value,
+    sort: (t, e) => e.value - t.value,
     sumSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
-_.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const m = {
+R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const P = {
   name: "PRESET_BARS_HORIZONTAL_AND_ROUND",
-  description: "橫向圓角長條圖",
+  description: "Horizontal bars with round corners",
+  descriptionZh: "橫向圓角長條圖",
   chartParams: {
     colors: {
       light: {
@@ -609,30 +740,21 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      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: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bars: {
       barWidth: 0,
       barPadding: 1,
@@ -643,17 +765,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // 底部圖例及圓弧列點
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectRadius: 7
     }
   }
-}, p = {
+}, D = {
   name: "PRESET_BARS_HORIZONTAL_AND_THIN",
-  description: "橫向細長長條圖",
+  description: "Horizontal thin bars",
+  descriptionZh: "橫向細長長條圖",
   chartParams: {
     colors: {
       light: {
@@ -672,29 +792,21 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      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,
@@ -711,9 +823,10 @@ const m = {
       padding: 14
     }
   }
-}, D = {
+}, T = {
   name: "PRESET_BARS_ROUND",
-  description: "圓角長條圖",
+  description: "Rounded bars",
+  descriptionZh: "圓角長條圖",
   chartParams: {
     colors: {
       light: {
@@ -732,13 +845,13 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 0,
@@ -758,9 +871,10 @@ const m = {
       listRectRadius: 7
     }
   }
-}, T = {
+}, I = {
   name: "PRESET_BARS_THIN",
-  description: "細長條圖",
+  description: "Thin bars",
+  descriptionZh: "細長條圖",
   chartParams: {
     colors: {
       light: {
@@ -779,13 +893,13 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
@@ -802,9 +916,10 @@ const m = {
       padding: 14
     }
   }
-}, I = {
+}, b = {
   name: "PRESET_GRID_BASIC",
-  description: "基本Grid參數",
+  description: "Basic Grid",
+  descriptionZh: "基本Grid",
   chartParams: {
     colors: {
       light: {
@@ -823,13 +938,13 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
@@ -839,9 +954,10 @@ const m = {
       padding: 14
     }
   }
-}, h = {
+}, L = {
   name: "PRESET_GRID_HORIZONTAL",
-  description: "橫向圖",
+  description: "Horizontal Grid",
+  descriptionZh: "橫向圖",
   chartParams: {
     colors: {
       light: {
@@ -861,8 +977,8 @@ const m = {
     },
     // 間距下面及左邊留空
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 160
     }
@@ -883,7 +999,7 @@ const m = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
@@ -893,9 +1009,10 @@ const m = {
       padding: 14
     }
   }
-}, b = {
-  name: "PRESET_GRID_PN_SCALE",
-  description: "正負值分向圖",
+}, M = {
+  name: "PRESET_GRID_PN_SCALE_SIMPLE",
+  description: "Simple positive negative scale",
+  descriptionZh: "簡單正負值分向圖",
   chartParams: {
     colors: {
       light: {
@@ -914,33 +1031,32 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 80
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
     }
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       scaleDomain: ["auto", "auto"],
       scaleRange: [0.05, 0.95]
     }
-    // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
       // position: 'bottom',
       // justify: 'center',
       placement: "bottom",
-      padding: 14
+      padding: 7
     }
   }
-}, L = {
-  name: "PRESET_GRID_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+}, x = {
+  name: "PRESET_GRID_PN_SCALE",
+  description: "Positive negative scale",
+  descriptionZh: "正負值分向圖",
   chartParams: {
     colors: {
       light: {
@@ -958,19 +1074,65 @@ const m = {
         ]
       }
     },
-    // 間距下面加長留空
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 140,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 80
     }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    GroupAux: {
-      labelRotate: -30
+  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 = {
+  name: "PRESET_GRID_ROTATE_AXIS_LABEL",
+  description: "Rotate axis label",
+  descriptionZh: "傾斜標籤",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    // 間距下面加長留空
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    }
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GroupAux: {
+      labelRotate: -30
     },
     GroupAxis: {
       tickPadding: 15,
@@ -983,9 +1145,10 @@ const m = {
       padding: 14
     }
   }
-}, x = {
+}, O = {
   name: "PRESET_GRID_SEPARATE_SERIES",
-  description: "分開顯示Series",
+  description: "Separate Series",
+  descriptionZh: "分開顯示Series",
   chartParams: {
     colors: {
       light: {
@@ -1004,8 +1167,8 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     }
@@ -1016,7 +1179,7 @@ const m = {
     separateSeries: !0
     // },
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
@@ -1033,9 +1196,49 @@ const m = {
       padding: 14
     }
   }
-}, G = {
+}, N = {
+  name: "PRESET_GRID_SIMPLE",
+  description: "Simple Grid",
+  descriptionZh: "簡單Grid",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    }
+  },
+  dataFormatter: {
+    valueAxis: {
+      scaleRange: [0, 0.95]
+    }
+  },
+  pluginParams: {
+    GridLegend: {
+      placement: "bottom",
+      padding: 7
+    }
+  }
+}, v = {
   name: "PRESET_LINE_AREAS_BASIC",
-  description: "基本LineArea參數",
+  description: "Basic LineArea",
+  descriptionZh: "基本折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1054,22 +1257,20 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1077,16 +1278,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, O = {
+}, Z = {
   name: "PRESET_LINE_AREAS_CURVE",
-  description: "弧線折線圖",
+  description: "Curve LineArea",
+  descriptionZh: "弧線的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1105,8 +1305,9 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
@@ -1119,7 +1320,7 @@ const m = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {
       lineCurve: "curveMonotoneX",
@@ -1140,9 +1341,10 @@ const m = {
       listRectHeight: 2
     }
   }
-}, M = {
+}, U = {
   name: "PRESET_LINE_AREAS_HORIZONTAL",
-  description: "橫向折線圖",
+  description: "Horizontal LineArea",
+  descriptionZh: "橫向折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1161,15 +1363,14 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 160
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       position: "bottom"
     },
@@ -1177,10 +1378,8 @@ const m = {
       position: "left",
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1188,16 +1387,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, N = {
+}, f = {
   name: "PRESET_LINE_AREAS_LOOSE_TICKS",
-  description: "寬鬆標籤",
+  description: "Loose Ticks LineArea",
+  descriptionZh: "寬鬆標籤的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1216,22 +1414,20 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1241,16 +1437,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, v = {
+}, V = {
   name: "PRESET_LINE_AREAS_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+  description: "Rotate Axis Label LineArea",
+  descriptionZh: "傾斜標籤的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1269,22 +1464,19 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1297,16 +1489,15 @@ const m = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, U = {
+}, H = {
   name: "PRESET_LINE_AREAS_SEPARATE_SERIES",
-  description: "LineAreas 分開顯示Series",
+  description: "Separate Series LineArea",
+  descriptionZh: "分開顯示Series的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -1325,24 +1516,20 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
-    // seriesSlotIndexes: [0, 1],
     separateSeries: !0,
     groupAxis: {
       scalePadding: 0
     }
-    // },
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -1355,16 +1542,67 @@ const m = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, H = {
+}, k = {
+  name: "PRESET_LINE_AREAS_SIMPLE",
+  description: "Simple LineArea",
+  descriptionZh: "簡單折線區域圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      bottom: 80,
+      left: 80
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+    },
+    highlightTarget: "series"
+  },
+  dataFormatter: {
+    groupAxis: {
+      scalePadding: 0
+    },
+    valueAxis: {
+      scaleRange: [0, 0.95]
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectHeight: 2
+    }
+  }
+}, y = {
   name: "PRESET_LINES_BASIC",
-  description: "基本Lines參數",
+  description: "Basic Line",
+  descriptionZh: "基本折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1383,31 +1621,29 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {},
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, f = {
+}, w = {
   name: "PRESET_LINES_CURVE",
-  description: "弧線折線圖",
+  description: "Curve Line",
+  descriptionZh: "弧線折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1426,15 +1662,14 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {
       lineCurve: "curveMonotoneX",
       lineWidth: 3
@@ -1444,16 +1679,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, V = {
+}, W = {
   name: "PRESET_LINES_HORIZONTAL",
-  description: "橫向折線圖",
+  description: "Horizontal Line",
+  descriptionZh: "橫向折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1472,47 +1706,37 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 160
     },
     highlightTarget: "series"
   },
   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,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {},
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, k = {
+}, Y = {
   name: "PRESET_LINES_LOOSE_TICKS",
-  description: "寬鬆標籤",
+  description: "Loose Ticks Line",
+  descriptionZh: "寬鬆標籤的折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1531,15 +1755,14 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -1548,16 +1771,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, W = {
+}, X = {
   name: "PRESET_LINES_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+  description: "Line chart with slanted labels",
+  descriptionZh: "傾斜標籤的折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1576,15 +1798,14 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -1596,16 +1817,15 @@ const m = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, Y = {
-  name: "PRESET_LINES_WITH_SOLID_DOTS",
-  description: "折線圖及實心圓點",
+}, z = {
+  name: "PRESET_LINES_SIMPLE",
+  description: "Simple line",
+  descriptionZh: "簡單折線圖",
   chartParams: {
     colors: {
       light: {
@@ -1624,17 +1844,62 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 80
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  dataFormatter: {
+    valueAxis: {
+      scaleRange: [0, 0.95]
+    }
+  },
+  pluginParams: {
     Lines: {},
-    Dots: {
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectHeight: 2
+    }
+  }
+}, K = {
+  name: "PRESET_LINES_WITH_SOLID_DOTS",
+  description: "Solid Dots Line",
+  descriptionZh: "實心圓點的折線圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+    highlightTarget: "series"
+  },
+  pluginParams: {
+    Lines: {},
+    Dots: {
       radius: 3,
       fillColorType: "label",
       onlyShowHighlighted: !1
@@ -1643,16 +1908,15 @@ const m = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, Z = {
+}, j = {
   name: "PRESET_MULTI_GRID_BASIC",
-  description: "基本MultiGrid參數",
+  description: "Basic MultiGrid",
+  descriptionZh: "基本MultiGrid",
   chartParams: {
     colors: {
       light: {
@@ -1671,19 +1935,15 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_MULTI_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       gridList: [
@@ -1694,9 +1954,105 @@ const m = {
       ]
     }
   }
-}, y = {
+}, q = {
+  name: "PRESET_MULTI_GRID_DIVERGING_SIMPLE",
+  description: "Simple diverging Grid",
+  descriptionZh: "簡單雙向Grid",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 40
+    }
+  },
+  dataFormatter: {
+    gridList: [
+      // 第一個grid
+      {
+        groupAxis: {
+          position: "right"
+        },
+        valueAxis: {
+          position: "bottom",
+          scaleRange: [0, 0.95]
+        }
+      },
+      // 第二個grid
+      {
+        groupAxis: {
+          position: "left"
+        },
+        valueAxis: {
+          position: "bottom",
+          scaleRange: [0, 0.95]
+        }
+      }
+    ],
+    // 設定排版方式
+    container: {
+      gap: 140,
+      rowAmount: 1,
+      columnAmount: 2
+    },
+    separateGrid: !0
+    // 將兩個grid拆分
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      tickPadding: 10,
+      gridIndexes: [0]
+      // 只顯示一個
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1]
+    },
+    MultiStackedBars: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1]
+    },
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 7
+    }
+  }
+}, J = {
   name: "PRESET_MULTI_GRID_DIVERGING",
-  description: "雙向折線圖",
+  description: "Diverging Grid",
+  descriptionZh: "雙向Grid",
   chartParams: {
     colors: {
       light: {
@@ -1715,8 +2071,8 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
       left: 80
     }
@@ -1751,10 +2107,8 @@ const m = {
     separateGrid: !0
     // 將兩個grid拆分
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiGroupAxis: {
-      // tickPadding: 60, // 加長間距
       gridIndexes: [0]
       // 只顯示一個
     },
@@ -1767,7 +2121,7 @@ const m = {
     MultiBars: {
       gridIndexes: [0, 1]
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: [0, 1]
     },
     MultiBarsTriangle: {
@@ -1783,15 +2137,14 @@ const m = {
       gridIndexes: [0, 1]
     },
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
   }
-}, X = {
-  name: "PRESET_MULTI_GRID_ROUND_STYLE",
-  description: "MultiGrid圓弧風格",
+}, Q = {
+  name: "PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE",
+  description: "Simple MultiGrid with round style",
+  descriptionZh: "簡單MultiGrid圓弧風格",
   chartParams: {
     colors: {
       light: {
@@ -1810,26 +2163,33 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
+      top: 40,
+      right: 40,
+      bottom: 60,
       left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ]
+  },
+  pluginParams: {
     MultiBars: {
       barWidth: 0,
       barPadding: 1,
       barGroupPadding: 10,
       barRadius: !0
     },
-    MultiStackedBar: {},
+    MultiStackedBars: {},
     MultiDots: {},
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       gridList: [
@@ -1852,9 +2212,10 @@ const m = {
     OverlappingValueAxes: {},
     OverlappingStackedValueAxes: {}
   }
-}, w = {
-  name: "PRESET_MULTI_GRID_SEPARATE_GRID",
-  description: "2組Grid圖表",
+}, $ = {
+  name: "PRESET_MULTI_GRID_ROUND_STYLE",
+  description: "MultiGrid with round style",
+  descriptionZh: "MultiGrid圓弧風格",
   chartParams: {
     colors: {
       light: {
@@ -1873,57 +2234,49 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 140,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 80
-    }
-  },
-  dataFormatter: {
-    separateGrid: !0
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    MultiGroupAxis: {
-      tickTextRotate: -30,
-      gridIndexes: "all"
-    },
-    MultiValueAxis: {
-      gridIndexes: "all"
-    },
-    MultiStackedValueAxis: {
-      gridIndexes: "all"
     },
+    highlightTarget: "series"
+  },
+  pluginParams: {
     MultiBars: {
-      gridIndexes: "all"
-    },
-    MultiStackedBar: {
-      gridIndexes: "all"
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: !0
     },
-    MultiBarsTriangle: {
-      gridIndexes: "all"
+    MultiStackedBars: {},
+    MultiDots: {},
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 14,
+      gridList: [
+        {
+          listRectRadius: 7
+        },
+        {
+          listRectHeight: 2
+        }
+      ]
     },
+    MultiGroupAxis: {},
+    MultiLineAreas: {},
     MultiLines: {
-      gridIndexes: "all"
-    },
-    MultiLineAreas: {
-      gridIndexes: "all"
-    },
-    MultiDots: {
-      gridIndexes: "all"
+      lineCurve: "curveMonotoneX",
+      lineWidth: 3
     },
-    MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: "bottom",
-      padding: 14
-    }
+    MultiValueAxis: {},
+    MultiStackedValueAxis: {},
+    OverlappingValueAxes: {},
+    OverlappingStackedValueAxes: {}
   }
-}, e = {
-  // Tooltip: {},
-}, z = {
-  name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
-  description: "2組區域圖表",
+}, tt = {
+  name: "PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE",
+  description: "Simple separate grid",
+  descriptionZh: "簡單的分開顯示Grid圖表",
   chartParams: {
     colors: {
       light: {
@@ -1942,37 +2295,29 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 140,
-      left: 80
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
     }
   },
   dataFormatter: {
     gridList: [
+      // 設定一個所有grid一起套用
       {
-        // slotIndex: 0
-        groupAxis: {
-          scalePadding: 0
-        }
-      },
-      {
-        // slotIndex: 1,
-        groupAxis: {
-          scalePadding: 0
+        valueAxis: {
+          scaleRange: [0, 0.95]
         }
       }
     ],
-    separateGrid: !0
-    // container: {
-    //   rowAmount: 1,
-    //   columnAmount: 2,
-    // }
+    separateGrid: !0,
+    container: {
+      gap: 40
+    }
   },
-  allPluginParams: {
-    ...e,
+  pluginParams: {
     MultiGroupAxis: {
-      tickTextRotate: -30,
+      // tickTextRotate: -30,
       gridIndexes: "all"
     },
     MultiValueAxis: {
@@ -1984,7 +2329,7 @@ const m = {
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -2000,10 +2345,205 @@ const m = {
       gridIndexes: "all"
     },
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
-      padding: 14,
+      padding: 7
+    }
+  }
+}, et = {
+  name: "PRESET_MULTI_GRID_SEPARATE_GRID",
+  description: "Separate Grid",
+  descriptionZh: "分開顯示Grid圖表",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    }
+  },
+  dataFormatter: {
+    separateGrid: !0
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: "all"
+    },
+    MultiValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiBars: {
+      gridIndexes: "all"
+    },
+    MultiStackedBars: {
+      gridIndexes: "all"
+    },
+    MultiBarsTriangle: {
+      gridIndexes: "all"
+    },
+    MultiLines: {
+      gridIndexes: "all"
+    },
+    MultiLineAreas: {
+      gridIndexes: "all"
+    },
+    MultiDots: {
+      gridIndexes: "all"
+    },
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, it = {
+  name: "PRESET_MULTI_GRID_SIMPLE",
+  description: "Simple MultiGrid",
+  descriptionZh: "簡單MultiGrid",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    },
+    highlightTarget: "series"
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ]
+  },
+  pluginParams: {
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 7,
+      gridList: [
+        {},
+        {
+          listRectHeight: 2
+        }
+      ]
+    }
+  }
+}, at = {
+  name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE",
+  description: "Simple separate grid line areas",
+  descriptionZh: "簡單的分開顯示Grid的折線區域圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 80,
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      bottom: 80,
+      left: 80
+      // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+    }
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        groupAxis: {
+          scalePadding: 0
+        },
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ],
+    separateGrid: !0,
+    container: {
+      gap: 160
+    }
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      // tickTextRotate: -30,
+      gridIndexes: "all"
+    },
+    MultiValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiBars: {
+      gridIndexes: "all"
+    },
+    MultiStackedBars: {
+      gridIndexes: "all"
+    },
+    MultiBarsTriangle: {
+      gridIndexes: "all"
+    },
+    MultiLines: {
+      gridIndexes: "all"
+    },
+    MultiLineAreas: {
+      gridIndexes: "all"
+    },
+    MultiDots: {
+      gridIndexes: "all"
+    },
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 7,
       gridList: [
         {
           listRectHeight: 2
@@ -2032,9 +2572,10 @@ const m = {
       ]
     }
   }
-}, K = {
-  name: "PRESET_MULTI_LINES_SEPARATE_GRID",
-  description: "多組分開折線圖表",
+}, rt = {
+  name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
+  description: "Separate Grid line areas",
+  descriptionZh: "分開顯示Grid的折線區域圖",
   chartParams: {
     colors: {
       light: {
@@ -2053,17 +2594,34 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     }
   },
   dataFormatter: {
+    gridList: [
+      {
+        // slotIndex: 0
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 1,
+        groupAxis: {
+          scalePadding: 0
+        }
+      }
+    ],
     separateGrid: !0
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 2,
+    // }
   },
-  allPluginParams: {
-    ...e,
+  pluginParams: {
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -2077,7 +2635,7 @@ const m = {
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -2125,57 +2683,333 @@ const m = {
       ]
     }
   }
-}, j = {
-  name: "PRESET_MULTI_VALUE_BASIC",
-  description: "基本MultiValue參數",
+}, st = {
+  name: "PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE",
+  description: "Simple separate grid line",
+  descriptionZh: "簡單的分開顯示Grid的折線圖",
   chartParams: {
     colors: {
       light: {
         label: [
-          "#7DD3C4",
-          "#FFA0A0",
-          "#6CBAFF",
-          "#55D339",
+          "#4BABFF",
+          "#94D6CB",
           "#F9B052",
-          "#FF6C6C",
-          "#8E6BC9",
-          "#0088FF",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
           "#904026",
-          "#C4C4C4"
+          "#C50669",
+          "#4B25B3"
         ]
       }
     },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
     }
   },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: "bottom",
-      padding: 14
-    }
-  }
-}, q = {
-  name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
-  description: "MultiValue 分開顯示category",
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#7DD3C4",
-          "#FFA0A0",
-          "#6CBAFF",
-          "#55D339",
-          "#F9B052",
-          "#FF6C6C",
-          "#8E6BC9",
-          "#0088FF",
-          "#904026",
-          "#C4C4C4"
-        ]
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ],
+    separateGrid: !0,
+    container: {
+      gap: 40
+    }
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      // tickTextRotate: -30,
+      gridIndexes: "all"
+    },
+    MultiValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiBars: {
+      gridIndexes: "all"
+    },
+    MultiStackedBars: {
+      gridIndexes: "all"
+    },
+    MultiBarsTriangle: {
+      gridIndexes: "all"
+    },
+    MultiLines: {
+      gridIndexes: "all"
+    },
+    MultiLineAreas: {
+      gridIndexes: "all"
+    },
+    MultiDots: {
+      gridIndexes: "all"
+    },
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 7,
+      gridList: [
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        }
+      ]
+    }
+  }
+}, lt = {
+  name: "PRESET_MULTI_LINES_SEPARATE_GRID",
+  description: "Separate Grid line",
+  descriptionZh: "分開顯示Grid的折線圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    }
+  },
+  dataFormatter: {
+    separateGrid: !0
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: "all"
+    },
+    MultiValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: "all"
+    },
+    MultiBars: {
+      gridIndexes: "all"
+    },
+    MultiStackedBars: {
+      gridIndexes: "all"
+    },
+    MultiBarsTriangle: {
+      gridIndexes: "all"
+    },
+    MultiLines: {
+      gridIndexes: "all"
+    },
+    MultiLineAreas: {
+      gridIndexes: "all"
+    },
+    MultiDots: {
+      gridIndexes: "all"
+    },
+    MultiGridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: "bottom",
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        },
+        {
+          listRectHeight: 2
+        }
+      ]
+    }
+  }
+}, ot = {
+  name: "PRESET_MULTI_VALUE_BASIC",
+  description: "Basic MultiValue",
+  descriptionZh: "基本MultiValue參數",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    }
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, nt = {
+  name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
+  description: "MultiValue separate category",
+  descriptionZh: "MultiValue 分開顯示category",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  pluginParams: {
+    XYAxes: {
+      xAxis: {
+        ticks: 3
+      },
+      yAxis: {
+        ticks: 3
+      }
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, dt = {
+  name: "PRESET_MULTI_VALUE_SIMPLE",
+  description: "Simple MultiValue",
+  descriptionZh: "簡單MultiValue參數",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    }
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 7
+    }
+  }
+}, Et = {
+  name: "PRESET_RACING_BARS_ALL_ITEMS",
+  description: "Racing bars for all items",
+  descriptionZh: "顯示全部項目的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
       }
     },
     padding: {
@@ -2183,34 +3017,325 @@ const m = {
       right: 60,
       bottom: 100,
       left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      rankingAmount: "auto",
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
     }
+  }
+}, ct = {
+  name: "PRESET_RACING_BARS_BASIC",
+  description: "Basic racing bars",
+  descriptionZh: "基本賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, Ft = {
+  name: "PRESET_RACING_BARS_FAST",
+  description: "Fast racing bars",
+  descriptionZh: "快速的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 250
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, gt = {
+  name: "PRESET_RACING_BARS_FASTER",
+  description: "Faster racing bars",
+  descriptionZh: "更快速的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 125
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, Bt = {
+  name: "PRESET_RACING_BARS_LOOP",
+  description: "Looping racing bars",
+  descriptionZh: "循環的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0,
+      loop: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, pt = {
+  name: "PRESET_RACING_BARS_OUTSIDE_LABELS",
+  description: "Racing bars with labels outside",
+  descriptionZh: "標籤在外面的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 160
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      barLabel: {
+        position: "outside",
+        colorType: "primary"
+      },
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, At = {
+  name: "PRESET_RACING_BARS_SEPARATE_CATEGORY",
+  description: "Racing bars with separate category",
+  descriptionZh: "分開顯示category的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 140
+    },
+    transitionDuration: 500
   },
   dataFormatter: {
-    separateCategory: !0
+    separateCategory: !0,
+    container: {
+      gap: 80
+    }
   },
-  allPluginParams: {
+  pluginParams: {
+    RacingBars: {
+      barLabel: {
+        position: "outside",
+        colorType: "primary",
+        padding: 10
+      },
+      valueLabel: {
+        padding: 10
+      },
+      autorun: !0
+    },
+    RacingValueAxis: {
+      ticks: 3
+    },
     MultiValueLegend: {
       placement: "bottom",
       padding: 14
     }
   }
-}, J = {
-  name: "PRESET_SCATTER_BASIC",
-  description: "基本散布圖",
+}, St = {
+  name: "PRESET_RACING_BARS_SIMPLE",
+  description: "Simple racing bars",
+  descriptionZh: "簡單賽跑長條圖",
   chartParams: {
     colors: {
       light: {
         label: [
-          "#16B59B",
-          "#0088FF",
-          "#FF3232",
-          "#8E6BC9",
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 7
+    }
+  }
+}, Rt = {
+  name: "PRESET_RACING_BARS_STOP",
+  description: "Stopped racing bars",
+  descriptionZh: "停止的賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
           "#904026",
-          "#D117EA",
-          "#F38428",
-          "#6BDC51",
-          "#C50669",
-          "#4B25B3"
+          "#4B25B3",
+          "#C50669"
         ]
       }
     },
@@ -2221,15 +3346,19 @@ const m = {
       left: 60
     }
   },
-  allPluginParams: {
+  pluginParams: {
+    RacingBars: {
+      autorun: !1
+    },
     MultiValueLegend: {
       placement: "bottom",
       padding: 14
     }
   }
-}, Q = {
-  name: "PRESET_SCATTER_SEPARATE_CATEGORY",
-  description: "分開顯示category的散布圖",
+}, ut = {
+  name: "PRESET_SCATTER_BASIC",
+  description: "Basic scatter",
+  descriptionZh: "基本散布圖",
   chartParams: {
     colors: {
       light: {
@@ -2248,24 +3377,24 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     }
   },
-  dataFormatter: {
-    separateCategory: !0
-  },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     }
   }
-}, $ = {
+}, _t = {
   name: "PRESET_SCATTER_BUBBLES_BASIC",
-  description: "基本的散布泡泡圖",
+  description: "Basic scatter bubbles",
+  descriptionZh: "基本的散布泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2284,21 +3413,24 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     }
   }
-}, tt = {
+}, Ct = {
   name: "PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS",
-  description: "以半徑尺寸為比例的散布泡泡圖",
+  description: "Scatter bubbles with radius scaling",
+  descriptionZh: "以半徑尺寸為比例的散布泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2317,24 +3449,27 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     },
     ScatterBubbles: {
       arcScaleType: "radius"
     }
   }
-}, at = {
+}, mt = {
   name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
-  description: "漸變透明度的散布泡泡圖",
+  description: "Scatter bubbles with linear opacity",
+  descriptionZh: "漸變透明度的散布泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2353,24 +3488,27 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     },
     ScatterBubbles: {
       valueLinearOpacity: [0.6, 0.95]
     }
   }
-}, et = {
+}, ht = {
   name: "PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY",
-  description: "分開顯示category的散布泡泡圖",
+  description: "Scatter bubbles with separate category",
+  descriptionZh: "分開顯示category的散布泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2389,24 +3527,146 @@ const m = {
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     }
   },
   dataFormatter: {
     separateCategory: !0
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     }
   }
-}, it = {
+}, Pt = {
+  name: "PRESET_SCATTER_BUBBLES_SIMPLE",
+  description: "Simple scatter bubbles",
+  descriptionZh: "簡單的散布泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    }
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Dt = {
+  name: "PRESET_SCATTER_SEPARATE_CATEGORY",
+  description: "Scatter with separate category",
+  descriptionZh: "分開顯示category的散布圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  pluginParams: {
+    XYAxes: {
+      xAxis: {
+        ticks: 3
+      },
+      yAxis: {
+        ticks: 3
+      }
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Tt = {
+  name: "PRESET_SCATTER_SIMPLE",
+  description: "Simple scatter",
+  descriptionZh: "簡單散布圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    }
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, It = {
   name: "PRESET_FORCE_DIRECTED_BASIC",
-  description: "基本Force Directed參數",
+  description: "Basic force directed chart",
+  descriptionZh: "基本力導向圖",
   chartParams: {
     colors: {
       light: {
@@ -2424,23 +3684,18 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {},
     RelationshipLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, lt = {
+}, bt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
-  description: "基本Force Directed Bubbles參數",
+  description: "Basic force directed bubbles chart",
+  descriptionZh: "基本力導向泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2458,23 +3713,18 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {},
     RelationshipLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, rt = {
+}, Lt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH",
-  description: "Force Directed Bubbles固定箭頭寬度",
+  description: "Force-directed bubble chart with fixed arrow width",
+  descriptionZh: "固定箭頭寬度的力導向泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2492,14 +3742,8 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         strokeWidthMin: 1.5,
@@ -2511,9 +3755,10 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, st = {
+}, Mt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
-  description: "Force Directed Bubbles沒有箭頭",
+  description: "Force-directed bubble chart without arrows",
+  descriptionZh: "沒有箭頭的力導向泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2531,20 +3776,12 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         pointerWidth: 0,
         pointerHeight: 0
-        // strokeWidthMin: 1.5,
-        // strokeWidthMax: 9
       }
     },
     RelationshipLegend: {
@@ -2552,9 +3789,10 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, ot = {
+}, xt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
-  description: "Force Directed Bubbles無滑鼠托曳及縮放控制",
+  description: "Force Directed bubbles chart without mouse drag and zoom control",
+  descriptionZh: "無滑鼠托曳及縮放控制的力導向泡泡圖",
   chartParams: {
     colors: {
       light: {
@@ -2572,14 +3810,8 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       zoomable: !1
     },
@@ -2588,9 +3820,40 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, Et = {
+}, Gt = {
+  name: "PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE",
+  description: "Simple force directed bubbles chart",
+  descriptionZh: "簡單力導向泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
+  }
+}, Ot = {
   name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
-  description: "Force Directed無滑鼠托曳及縮放控制",
+  description: "Force directed chart without mouse drag and zoom control",
+  descriptionZh: "無滑鼠托曳及縮放控制的力導向圖",
   chartParams: {
     colors: {
       light: {
@@ -2608,14 +3871,8 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       zoomable: !1
     },
@@ -2624,9 +3881,10 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, nt = {
+}, Nt = {
   name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
-  description: "基本Force Directed參數",
+  description: "Force directed chart with fixed font size",
+  descriptionZh: "固定字體大小的力導向圖",
   chartParams: {
     colors: {
       light: {
@@ -2644,14 +3902,8 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       dotLabel: {
         sizeFixed: !0
@@ -2665,9 +3917,10 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, Ft = {
+}, vt = {
   name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
-  description: "Force Directed沒有箭頭",
+  description: "Force directed chart without arrows",
+  descriptionZh: "沒有箭頭的力導向圖",
   chartParams: {
     colors: {
       light: {
@@ -2685,14 +3938,8 @@ const m = {
         ]
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       arrow: {
         pointerWidth: 0,
@@ -2704,9 +3951,40 @@ const m = {
       // 圓型圖例列點
     }
   }
-}, dt = {
+}, Zt = {
+  name: "PRESET_FORCE_DIRECTED_SIMPLE",
+  description: "Simple force directed chart",
+  descriptionZh: "簡單力導向圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirected: {},
+    RelationshipLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
+  }
+}, Ut = {
   name: "PRESET_TREE_MAP_BASIC",
-  description: "基本Tree Map參數",
+  description: "Basic tree map",
+  descriptionZh: "基本樹狀矩形圖",
   chartParams: {
     colors: {
       light: {
@@ -2731,7 +4009,7 @@ const m = {
       left: 40
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     TreeMap: {},
     TreeLegend: {
@@ -2741,69 +4019,132 @@ const m = {
       padding: 14
     }
   }
+}, ft = {
+  name: "PRESET_TREE_MAP_SIMPLE",
+  description: "Simple tree map",
+  descriptionZh: "簡單樹狀矩形圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    }
+  },
+  pluginParams: {
+    TreeMap: {},
+    TreeLegend: {
+      placement: "bottom",
+      padding: 7
+    }
+  }
 };
 export {
-  m as PRESET_BARS_HORIZONTAL_AND_ROUND,
-  p as PRESET_BARS_HORIZONTAL_AND_THIN,
-  D as PRESET_BARS_ROUND,
-  T as PRESET_BARS_THIN,
-  C as PRESET_BUBBLES_BASIC,
-  c as PRESET_BUBBLES_SCALING_BY_RADIUS,
-  u as PRESET_BUBBLES_SEPARATE_SERIES,
+  P as PRESET_BARS_HORIZONTAL_AND_ROUND,
+  D as PRESET_BARS_HORIZONTAL_AND_THIN,
+  T as PRESET_BARS_ROUND,
+  I as PRESET_BARS_THIN,
+  u as PRESET_BUBBLES_BASIC,
+  _ as PRESET_BUBBLES_SCALING_BY_RADIUS,
+  C as PRESET_BUBBLES_SEPARATE_SERIES,
+  m as PRESET_BUBBLES_SIMPLE,
   i as PRESET_BUBBLES_SUM_SERIES,
-  it as PRESET_FORCE_DIRECTED_BASIC,
-  lt as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
-  rt as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
-  st as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
-  ot as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
-  nt as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
-  Ft as PRESET_FORCE_DIRECTED_NONE_ARROW,
-  Et as PRESET_FORCE_DIRECTED_NONE_ZOOM,
-  I as PRESET_GRID_BASIC,
-  h as PRESET_GRID_HORIZONTAL,
-  b as PRESET_GRID_PN_SCALE,
-  L as PRESET_GRID_ROTATE_AXIS_LABEL,
-  x as PRESET_GRID_SEPARATE_SERIES,
-  H as PRESET_LINES_BASIC,
-  f as PRESET_LINES_CURVE,
-  V as PRESET_LINES_HORIZONTAL,
-  k as PRESET_LINES_LOOSE_TICKS,
-  W as PRESET_LINES_ROTATE_AXIS_LABEL,
-  Y as PRESET_LINES_WITH_SOLID_DOTS,
-  G as PRESET_LINE_AREAS_BASIC,
-  O as PRESET_LINE_AREAS_CURVE,
-  M as PRESET_LINE_AREAS_HORIZONTAL,
-  N as PRESET_LINE_AREAS_LOOSE_TICKS,
-  v as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
-  U as PRESET_LINE_AREAS_SEPARATE_SERIES,
-  Z as PRESET_MULTI_GRID_BASIC,
-  y as PRESET_MULTI_GRID_DIVERGING,
-  X as PRESET_MULTI_GRID_ROUND_STYLE,
-  w as PRESET_MULTI_GRID_SEPARATE_GRID,
-  K as PRESET_MULTI_LINES_SEPARATE_GRID,
-  z as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID,
-  j as PRESET_MULTI_VALUE_BASIC,
-  q as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
-  l as PRESET_PIE_BASIC,
+  It as PRESET_FORCE_DIRECTED_BASIC,
+  bt 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,
+  Nt as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
+  vt as PRESET_FORCE_DIRECTED_NONE_ARROW,
+  Ot as PRESET_FORCE_DIRECTED_NONE_ZOOM,
+  Zt as PRESET_FORCE_DIRECTED_SIMPLE,
+  b as PRESET_GRID_BASIC,
+  L as PRESET_GRID_HORIZONTAL,
+  x as PRESET_GRID_PN_SCALE,
+  M as PRESET_GRID_PN_SCALE_SIMPLE,
+  G as PRESET_GRID_ROTATE_AXIS_LABEL,
+  O as PRESET_GRID_SEPARATE_SERIES,
+  N 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_LINES_ROTATE_AXIS_LABEL,
+  z as PRESET_LINES_SIMPLE,
+  K as PRESET_LINES_WITH_SOLID_DOTS,
+  v as PRESET_LINE_AREAS_BASIC,
+  Z as PRESET_LINE_AREAS_CURVE,
+  U as PRESET_LINE_AREAS_HORIZONTAL,
+  f as PRESET_LINE_AREAS_LOOSE_TICKS,
+  V as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
+  H as PRESET_LINE_AREAS_SEPARATE_SERIES,
+  k as PRESET_LINE_AREAS_SIMPLE,
+  j as PRESET_MULTI_GRID_BASIC,
+  J as PRESET_MULTI_GRID_DIVERGING,
+  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,
+  tt as PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE,
+  it as PRESET_MULTI_GRID_SIMPLE,
+  lt as PRESET_MULTI_LINES_SEPARATE_GRID,
+  st as PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE,
+  rt as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID,
+  at as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE,
+  ot as PRESET_MULTI_VALUE_BASIC,
+  nt as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
+  dt as PRESET_MULTI_VALUE_SIMPLE,
+  a as PRESET_PIE_BASIC,
   r as PRESET_PIE_DONUT,
   s as PRESET_PIE_HALF_DONUT,
-  E as PRESET_PIE_SEPARATE_SERIES,
-  n as PRESET_PIE_SUM_SERIES,
-  o as PRESET_PIE_WITH_INNER_LABELS,
-  F as PRESET_ROSE_BASIC,
-  d as PRESET_ROSE_SCALING_BY_RADIUS,
-  A as PRESET_ROSE_SEPARATE_SERIES,
-  g as PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES,
+  o as PRESET_PIE_SEPARATE_SERIES,
+  n as PRESET_PIE_SIMPLE,
+  d as PRESET_PIE_SUM_SERIES,
+  l as PRESET_PIE_WITH_INNER_LABELS,
+  Et as PRESET_RACING_BARS_ALL_ITEMS,
+  ct as PRESET_RACING_BARS_BASIC,
+  Ft as PRESET_RACING_BARS_FAST,
+  gt as PRESET_RACING_BARS_FASTER,
+  Bt as PRESET_RACING_BARS_LOOP,
+  pt as PRESET_RACING_BARS_OUTSIDE_LABELS,
+  At as PRESET_RACING_BARS_SEPARATE_CATEGORY,
+  St as PRESET_RACING_BARS_SIMPLE,
+  Rt as PRESET_RACING_BARS_STOP,
+  E as PRESET_ROSE_BASIC,
+  c as PRESET_ROSE_SCALING_BY_RADIUS,
+  F as PRESET_ROSE_SEPARATE_SERIES,
+  p as PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES,
+  g as PRESET_ROSE_SIMPLE,
   B as PRESET_ROSE_SUM_SERIES,
-  J as PRESET_SCATTER_BASIC,
-  $ as PRESET_SCATTER_BUBBLES_BASIC,
-  at as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
-  tt as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
-  et as PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY,
-  Q as PRESET_SCATTER_SEPARATE_CATEGORY,
-  P as PRESET_SERIES_BASIC,
-  R as PRESET_SERIES_SEPARATE_SERIES,
-  S as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
-  _ as PRESET_SERIES_SUM_SERIES,
-  dt as PRESET_TREE_MAP_BASIC
+  ut as PRESET_SCATTER_BASIC,
+  _t as PRESET_SCATTER_BUBBLES_BASIC,
+  mt as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
+  Ct as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
+  ht as PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY,
+  Pt as PRESET_SCATTER_BUBBLES_SIMPLE,
+  Dt as PRESET_SCATTER_SEPARATE_CATEGORY,
+  Tt as PRESET_SCATTER_SIMPLE,
+  h as PRESET_SERIES_BASIC,
+  S as PRESET_SERIES_SEPARATE_SERIES,
+  A as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
+  R as PRESET_SERIES_SUM_SERIES,
+  Ut as PRESET_TREE_MAP_BASIC,
+  ft as PRESET_TREE_MAP_SIMPLE
 };