@orbcharts/presets-basic 3.0.0-beta.10 → 3.0.0-beta.12

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

@@ -1,8 +1,54 @@
-const g = {
+const u = {
+  name: "PRESET_BUBBLES_BASIC",
+  description: "Basic bubble chart",
+  descriptionZh: "基本泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, _ = {
   name: "PRESET_BUBBLES_SCALING_BY_RADIUS",
-  description: "以半徑尺寸為比例的泡泡圖",
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  description: "Bubble chart scaled by radius size",
+  descriptionZh: "以半徑尺寸為比例的泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     Bubbles: {
       arcScaleType: "radius"
     },
@@ -11,10 +57,27 @@ const g = {
       // 圓型圖例列點
     }
   }
-}, _ = {
+}, C = {
   name: "PRESET_BUBBLES_SEPARATE_SERIES",
-  description: "分開顯示Series泡泡",
+  description: "Bubble chart showing series separately",
+  descriptionZh: "分開顯示Series的泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     // 加長留空
     padding: {
       top: 160,
@@ -26,8 +89,7 @@ const g = {
   dataFormatter: {
     separateSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bubbles: {},
     SeriesLegend: {
       listRectRadius: 7
@@ -35,29 +97,129 @@ const g = {
     },
     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: "Bubble chart of combined Series data",
+  descriptionZh: "合併Series資料的泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    sumSeries: !0
+  },
+  pluginParams: {}
+};
+i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const a = {
   name: "PRESET_PIE_BASIC",
-  description: "基本Pie參數",
+  description: "Basic pie chart",
+  descriptionZh: "基本圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
 };
-i.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: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5
     },
@@ -72,11 +234,28 @@ 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: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
       top: 120,
-      right: 120,
+      right: 60,
       bottom: 0,
       left: 60
     }
@@ -84,8 +263,7 @@ const s = {
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5,
       startAngle: -Math.PI / 2,
@@ -97,20 +275,39 @@ const s = {
     },
     PieEventTexts: {},
     SeriesLegend: {
+      placement: "bottom",
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
 };
 s.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const l = {
+const o = {
   name: "PRESET_PIE_WITH_INNER_LABELS",
-  description: "圓餅圖及內部資料標籤",
+  description: "Pie chart with inner data labels",
+  descriptionZh: "圓餅圖及內部資料標籤",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {},
     PieLabels: {
       labelCentroid: 1.3,
@@ -124,31 +321,176 @@ const l = {
     }
   }
 };
+o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const l = {
+  name: "PRESET_PIE_SEPARATE_SERIES",
+  description: "Separate pie chart of Series",
+  descriptionZh: "分開顯示Series的圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    separateSeries: !0
+  },
+  pluginParams: {}
+};
 l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const o = {
+const n = {
+  name: "PRESET_PIE_SIMPLE",
+  description: "Simple pie chart",
+  descriptionZh: "簡單圓餅圖",
+  chartParams: {
+    padding: {
+      top: 30,
+      right: 30,
+      bottom: 30,
+      left: 30
+    },
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7,
+      // 圓型圖例列點
+      padding: 7
+    }
+  }
+};
+n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+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: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
 };
-o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const n = {
+E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const F = {
   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: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Rose: {
       arcScaleType: "radius"
     },
@@ -161,87 +503,258 @@ const n = {
     }
   }
 };
-n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const S = {
-  name: "PRESET_SERIES_BASIC",
-  description: "基本Series參數",
-  allPluginParams: {
+F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const c = {
+  name: "PRESET_ROSE_SEPARATE_SERIES",
+  description: "Separate rose chart of Series",
+  descriptionZh: "分開顯示Series的玫瑰圖",
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    separateSeries: !0
+  },
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+c.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
+      listRectRadius: 7,
       // 圓型圖例列點
+      padding: 7
     }
   }
-}, d = {
-  name: "PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES",
-  description: "分開顯示Series並合併Series資料",
+};
+g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const B = {
+  name: "PRESET_ROSE_SUM_SERIES",
+  description: "Rose chart of combined Series data",
+  descriptionZh: "合併Series資料的玫瑰圖",
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    sumSeries: !0
+  },
+  pluginParams: {}
+};
+B.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const p = {
+  name: "PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES",
+  description: "Separate and sum Series data",
+  descriptionZh: "分開顯示Series並合併Series資料",
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (t, e) => e.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const E = {
+p.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const h = {
+  name: "PRESET_SERIES_BASIC",
+  description: "Basic Series parameters",
+  descriptionZh: "基本Series參數",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, A = {
+  name: "PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES",
+  description: "Separate and sum Series data",
+  descriptionZh: "分開顯示Series並合併Series資料",
+  dataFormatter: {
+    sort: (t, e) => e.value - t.value,
+    separateSeries: !0,
+    sumSeries: !0
+  },
+  pluginParams: {}
+};
+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, 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";
+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, e) => e.value - t.value,
     sumSeries: !0
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-  }
+  pluginParams: {}
 };
 R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const u = {
+const P = {
   name: "PRESET_BARS_HORIZONTAL_AND_ROUND",
-  description: "橫向圓角長條圖",
+  description: "Horizontal bars with round corners",
+  descriptionZh: "橫向圓角長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     }
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       position: "bottom"
-      // position: 'top'
-      // position: 'left'
-      // position: 'right'
     },
     groupAxis: {
       position: "left"
-      // position: 'right'
-      // position: 'bottom'
-      // position: 'top'
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bars: {
       barWidth: 0,
       barPadding: 1,
@@ -252,42 +765,48 @@ const u = {
     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: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     }
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       position: "bottom"
-      // position: 'top'
-      // position: 'left'
-      // position: 'right'
     },
     groupAxis: {
       position: "left"
-      // position: 'right'
-      // position: 'bottom'
-      // position: 'top'
     }
-    // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
@@ -304,18 +823,35 @@ const u = {
       padding: 14
     }
   }
-}, c = {
+}, T = {
   name: "PRESET_BARS_ROUND",
-  description: "圓角長條圖",
+  description: "Rounded bars",
+  descriptionZh: "圓角長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 0,
@@ -335,18 +871,35 @@ const u = {
       listRectRadius: 7
     }
   }
-}, p = {
+}, I = {
   name: "PRESET_BARS_THIN",
-  description: "細長條圖",
+  description: "Thin bars",
+  descriptionZh: "細長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bars: {
       barWidth: 20,
@@ -363,18 +916,35 @@ const u = {
       padding: 14
     }
   }
-}, m = {
+}, L = {
   name: "PRESET_GRID_BASIC",
-  description: "基本Grid參數",
+  description: "Basic Grid",
+  descriptionZh: "基本Grid參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
@@ -384,15 +954,32 @@ const u = {
       padding: 14
     }
   }
-}, A = {
+}, b = {
   name: "PRESET_GRID_HORIZONTAL",
-  description: "橫向圖",
+  description: "Horizontal Grid",
+  descriptionZh: "橫向圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     // 間距下面及左邊留空
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     }
   },
@@ -412,7 +999,7 @@ const u = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
@@ -422,15 +1009,76 @@ const u = {
       padding: 14
     }
   }
-}, T = {
+}, M = {
+  name: "PRESET_GRID_PN_SCALE_SIMPLE",
+  description: "Simple positive negative scale",
+  descriptionZh: "簡單正負值分向圖",
+  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: {
+      scaleDomain: ["auto", "auto"],
+      scaleRange: [0.05, 0.95]
+    }
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: "bottom",
+      padding: 7
+    }
+  }
+}, x = {
   name: "PRESET_GRID_PN_SCALE",
-  description: "正負值分向圖",
+  description: "Positive negative scale",
+  descriptionZh: "正負值分向圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
   dataFormatter: {
@@ -441,7 +1089,7 @@ const u = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GridLegend: {
@@ -451,19 +1099,36 @@ const u = {
       padding: 14
     }
   }
-}, I = {
+}, G = {
   name: "PRESET_GRID_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+  description: "Rotate axis label",
+  descriptionZh: "傾斜標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     // 間距下面加長留空
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
@@ -480,15 +1145,32 @@ const u = {
       padding: 14
     }
   }
-}, L = {
+}, O = {
   name: "PRESET_GRID_SEPARATE_SERIES",
-  description: "分開顯示Series",
+  description: "Separate Series",
+  descriptionZh: "分開顯示Series",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
@@ -497,7 +1179,7 @@ const u = {
     separateSeries: !0
     // },
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     GroupAux: {
@@ -514,15 +1196,71 @@ const u = {
       padding: 14
     }
   }
-}, h = {
+}, 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: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -533,7 +1271,7 @@ const u = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {},
     LineAreas: {},
@@ -549,15 +1287,32 @@ const u = {
       listRectHeight: 2
     }
   }
-}, b = {
+}, Z = {
   name: "PRESET_LINE_AREAS_CURVE",
-  description: "弧線折線圖",
+  description: "Curve LineArea",
+  descriptionZh: "弧線的折線區域圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -568,7 +1323,7 @@ const u = {
     }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {
       lineCurve: "curveMonotoneX",
@@ -589,20 +1344,36 @@ const u = {
       listRectHeight: 2
     }
   }
-}, x = {
+}, U = {
   name: "PRESET_LINE_AREAS_HORIZONTAL",
-  description: "橫向折線圖",
+  description: "Horizontal LineArea",
+  descriptionZh: "橫向折線區域圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     valueAxis: {
       position: "bottom"
     },
@@ -610,10 +1381,8 @@ const u = {
       position: "left",
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -621,34 +1390,46 @@ const u = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, B = {
+}, f = {
   name: "PRESET_LINE_AREAS_LOOSE_TICKS",
-  description: "寬鬆標籤",
+  description: "Loose Ticks LineArea",
+  descriptionZh: "寬鬆標籤的折線區域圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
   dataFormatter: {
-    // grid: {
     groupAxis: {
       scalePadding: 0
     }
-    // }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     LineAreas: {},
     Dots: {},
@@ -658,34 +1439,46 @@ const u = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, D = {
+}, V = {
   name: "PRESET_LINE_AREAS_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+  description: "Rotate Axis Label LineArea",
+  descriptionZh: "傾斜標籤的折線區域圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 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: {},
@@ -698,36 +1491,47 @@ const u = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, G = {
+}, H = {
   name: "PRESET_LINE_AREAS_SEPARATE_SERIES",
-  description: "LineAreas 分開顯示Series",
+  description: "Separate Series LineArea",
+  descriptionZh: "分開顯示Series的折線區域圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 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: {},
@@ -740,54 +1544,132 @@ const u = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, O = {
+}, 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: 40,
+      bottom: 80,
+      left: 40
+    },
+    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: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 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
     }
   }
-}, M = {
+}, w = {
   name: "PRESET_LINES_CURVE",
-  description: "弧線折線圖",
+  description: "Curve Line",
+  descriptionZh: "弧線折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {
       lineCurve: "curveMonotoneX",
       lineWidth: 3
@@ -797,70 +1679,90 @@ const u = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, N = {
+}, W = {
   name: "PRESET_LINES_HORIZONTAL",
-  description: "橫向折線圖",
+  description: "Horizontal Line",
+  descriptionZh: "橫向折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      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
     }
   }
-}, C = {
+}, Y = {
   name: "PRESET_LINES_LOOSE_TICKS",
-  description: "寬鬆標籤",
+  description: "Loose Ticks Line",
+  descriptionZh: "寬鬆標籤的折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -869,27 +1771,41 @@ const u = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, F = {
+}, X = {
   name: "PRESET_LINES_ROTATE_AXIS_LABEL",
-  description: "傾斜標籤",
+  description: "Line chart with slanted labels",
+  descriptionZh: "傾斜標籤的折線圖",
   chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -901,27 +1817,87 @@ const u = {
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, U = {
+}, z = {
+  name: "PRESET_LINES_SIMPLE",
+  description: "Simple line",
+  descriptionZh: "簡單折線圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    },
+    highlightTarget: "series"
+  },
+  dataFormatter: {
+    valueAxis: {
+      scaleRange: [0, 0.95]
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: "bottom",
+      padding: 7,
+      listRectHeight: 2
+    }
+  }
+}, K = {
   name: "PRESET_LINES_WITH_SOLID_DOTS",
-  description: "折線圖及實心圓點",
+  description: "Solid Dots Line",
+  descriptionZh: "實心圓點的折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {
       radius: 3,
@@ -932,31 +1908,42 @@ const u = {
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       listRectHeight: 2
     }
   }
-}, v = {
+}, j = {
   name: "PRESET_MULTI_GRID_BASIC",
-  description: "基本MultiGrid參數",
+  description: "Basic MultiGrid",
+  descriptionZh: "基本MultiGrid參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 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: [
@@ -967,15 +1954,127 @@ const u = {
       ]
     }
   }
-}, H = {
+}, 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: 100,
+      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: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
   dataFormatter: {
@@ -1001,18 +2100,15 @@ const u = {
     ],
     // 設定排版方式
     container: {
-      gap: 200,
+      gap: 160,
       rowAmount: 1,
       columnAmount: 2
     },
     separateGrid: !0
     // 將兩個grid拆分
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiGroupAxis: {
-      tickPadding: 60,
-      // 加長間距
       gridIndexes: [0]
       // 只顯示一個
     },
@@ -1025,7 +2121,7 @@ const u = {
     MultiBars: {
       gridIndexes: [0, 1]
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: [0, 1]
     },
     MultiBarsTriangle: {
@@ -1041,37 +2137,120 @@ const u = {
       gridIndexes: [0, 1]
     },
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14
     }
   }
-}, f = {
+}, Q = {
+  name: "PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE",
+  description: "Simple MultiGrid with round style",
+  descriptionZh: "簡單MultiGrid圓弧風格",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    },
+    highlightTarget: "series"
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ]
+  },
+  pluginParams: {
+    MultiBars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: !0
+    },
+    MultiStackedBars: {},
+    MultiDots: {},
+    MultiGridLegend: {
+      placement: "bottom",
+      padding: 14,
+      gridList: [
+        {
+          listRectRadius: 7
+        },
+        {
+          listRectHeight: 2
+        }
+      ]
+    },
+    MultiGroupAxis: {},
+    MultiLineAreas: {},
+    MultiLines: {
+      lineCurve: "curveMonotoneX",
+      lineWidth: 3
+    },
+    MultiValueAxis: {},
+    MultiStackedValueAxis: {},
+    OverlappingValueAxes: {},
+    OverlappingStackedValueAxes: {}
+  }
+}, $ = {
   name: "PRESET_MULTI_GRID_ROUND_STYLE",
-  description: "MultiGrid圓弧風格",
+  description: "MultiGrid with round style",
+  descriptionZh: "MultiGrid圓弧風格",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiBars: {
       barWidth: 0,
       barPadding: 1,
       barGroupPadding: 10,
       barRadius: !0
     },
-    MultiStackedBar: {},
+    MultiStackedBars: {},
     MultiDots: {},
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
       padding: 14,
       gridList: [
@@ -1094,24 +2273,51 @@ const u = {
     OverlappingValueAxes: {},
     OverlappingStackedValueAxes: {}
   }
-}, V = {
-  name: "PRESET_MULTI_GRID_SEPARATE_GRID",
-  description: "2組Grid圖表",
+}, tt = {
+  name: "PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE",
+  description: "Simple 2 groups of Grid chart",
+  descriptionZh: "簡單2組Grid圖表",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
     }
   },
   dataFormatter: {
-    separateGrid: !0
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ],
+    separateGrid: !0,
+    container: {
+      gap: 40
+    }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiGroupAxis: {
-      tickTextRotate: -30,
+      // tickTextRotate: -30,
       gridIndexes: "all"
     },
     MultiValueAxis: {
@@ -1123,7 +2329,7 @@ const u = {
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -1139,48 +2345,281 @@ const u = {
       gridIndexes: "all"
     },
     MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: "bottom",
-      padding: 14
+      padding: 7
     }
   }
-}, a = {
-  // Tooltip: {},
-}, k = {
-  name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
-  description: "2組區域圖表",
+}, et = {
+  name: "PRESET_MULTI_GRID_SEPARATE_GRID",
+  description: "2 groups of Grid chart",
+  descriptionZh: "2組Grid圖表",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 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,
+  },
+  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 2 groups of Line Area chart",
+  descriptionZh: "簡單2組區域折線圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 60,
+      bottom: 80,
+      left: 60
+    }
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        groupAxis: {
+          scalePadding: 0
+        },
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        }
+      }
+    ],
+    separateGrid: !0
+    // container: {
+    //   gap: 40
     // }
   },
-  allPluginParams: {
-    ...a,
+  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
+        }
+      ]
+    }
+  }
+}, rt = {
+  name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
+  description: "2 groups of Line Area chart",
+  descriptionZh: "2組區域折線圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      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,
+    // }
+  },
+  pluginParams: {
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -1194,7 +2633,7 @@ const u = {
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -1242,22 +2681,140 @@ const u = {
       ]
     }
   }
-}, W = {
+}, st = {
+  name: "PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE",
+  description: "Simple Multiple groups of Line chart",
+  descriptionZh: "簡單多組分開折線圖表",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    }
+  },
+  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
+        }
+      ]
+    }
+  }
+}, ot = {
   name: "PRESET_MULTI_LINES_SEPARATE_GRID",
-  description: "多組分開折線圖表",
+  description: "Multiple groups of Line chart",
+  descriptionZh: "多組分開折線圖表",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
     separateGrid: !0
   },
-  allPluginParams: {
-    ...a,
+  pluginParams: {
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -1271,179 +2828,881 @@ const u = {
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
       gridIndexes: "all"
     },
-    MultiLines: {
-      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
+        }
+      ]
+    }
+  }
+}, lt = {
+  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: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      rankingAmount: "auto",
+      autorun: !0
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, Ft = {
+  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
+    }
+  }
+}, ct = {
+  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_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
+    }
+  }
+}, pt = {
+  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,
+    container: {
+      gap: 80
+    }
+  },
+  pluginParams: {
+    RacingBars: {
+      barLabel: {
+        position: "outside",
+        colorType: "primary",
+        padding: 10
+      },
+      valueLabel: {
+        padding: 10
+      },
+      autorun: !0
+    },
+    RacingValueAxis: {
+      ticks: 3
+    },
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, At = {
+  name: "PRESET_RACING_BARS_SIMPLE",
+  description: "Simple Racing Bars",
+  descriptionZh: "簡單賽跑長條圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
     },
-    MultiLineAreas: {
-      gridIndexes: "all"
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 40,
+      left: 40
     },
-    MultiDots: {
-      gridIndexes: "all"
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: !0
     },
-    MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
+    MultiValueLegend: {
       placement: "bottom",
-      padding: 14,
-      gridList: [
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        },
-        {
-          listRectHeight: 2
-        }
-      ]
+      padding: 7
     }
   }
-}, Z = {
-  name: "PRESET_MULTI_VALUE_BASIC",
-  description: "基本MultiValue參數",
+}, St = {
+  name: "PRESET_RACING_BARS_STOP",
+  description: "Stopped Racing Bars",
+  descriptionZh: "停止的賽跑長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     }
   },
-  allPluginParams: {
+  pluginParams: {
+    RacingBars: {
+      autorun: !1
+    },
     MultiValueLegend: {
       placement: "bottom",
       padding: 14
     }
   }
-}, X = {
-  name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
-  description: "MultiValue 分開顯示category",
+}, Rt = {
+  name: "PRESET_SCATTER_BASIC",
+  description: "Basic Scatter",
+  descriptionZh: "基本散布圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  dataFormatter: {
-    separateCategory: !0
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, ut = {
+  name: "PRESET_SCATTER_BUBBLES_BASIC",
+  description: "Basic Scatter Bubbles",
+  descriptionZh: "基本的散布泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     }
   }
-}, Y = {
+}, _t = {
   name: "PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS",
-  description: "ScatterBubbles以半徑尺寸為比例",
+  description: "Scatter Bubbles with Radius Scaling",
+  descriptionZh: "以半徑尺寸為比例的散布泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     },
     ScatterBubbles: {
       arcScaleType: "radius"
     }
   }
-}, y = {
+}, Ct = {
   name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
-  description: "ScatterBubbles漸變透明度",
+  description: "Scatter Bubbles with Linear Opacity",
+  descriptionZh: "漸變透明度的散布泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     }
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: "bottom",
-      padding: 14
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
     },
     ScatterBubbles: {
       valueLinearOpacity: [0.6, 0.95]
     }
   }
-}, w = {
+}, mt = {
+  name: "PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY",
+  description: "Scatter Bubbles with Separate Category",
+  descriptionZh: "分開顯示category的散布泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14,
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, ht = {
+  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
+      // 圓型圖例列點
+    }
+  }
+}, Pt = {
+  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
+      // 圓型圖例列點
+    }
+  }
+}, Dt = {
+  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
+      // 圓型圖例列點
+    }
+  }
+}, Tt = {
   name: "PRESET_FORCE_DIRECTED_BASIC",
-  description: "基本Force Directed參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Basic Force Directed Chart",
+  descriptionZh: "基本力導向圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirected: {},
     RelationshipLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, z = {
+}, It = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
-  description: "基本Force Directed Bubbles參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Basic Force Directed Bubbles Chart",
+  descriptionZh: "基本力導向泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirectedBubbles: {},
     RelationshipLegend: {
       listRectRadius: 7
       // 圓型圖例列點
     }
   }
-}, K = {
+}, Lt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH",
-  description: "Force Directed Bubbles固定箭頭寬度",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force-directed bubble chart with fixed arrow width",
+  descriptionZh: "固定箭頭寬度的力導向泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         strokeWidthMin: 1.5,
@@ -1455,24 +3714,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, j = {
+}, bt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
-  description: "Force Directed Bubbles沒有箭頭",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force-directed bubble chart without arrows",
+  descriptionZh: "沒有箭頭的力導向泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         pointerWidth: 0,
         pointerHeight: 0
-        // strokeWidthMin: 1.5,
-        // strokeWidthMax: 9
       }
     },
     RelationshipLegend: {
@@ -1480,18 +3748,29 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, q = {
+}, Mt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
-  description: "Force Directed Bubbles無滑鼠托曳及縮放控制",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force Directed Bubbles Chart without mouse drag and zoom control",
+  descriptionZh: "無滑鼠托曳及縮放控制的力導向泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirectedBubbles: {
       zoomable: !1
     },
@@ -1500,18 +3779,59 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, J = {
+}, xt = {
+  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
+    }
+  }
+}, Gt = {
   name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
-  description: "Force Directed無滑鼠托曳及縮放控制",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force Directed Chart without mouse drag and zoom control",
+  descriptionZh: "無滑鼠托曳及縮放控制的力導向圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirected: {
       zoomable: !1
     },
@@ -1520,18 +3840,29 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, Q = {
+}, Ot = {
   name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
-  description: "基本Force Directed參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force Directed Chart with fixed font size",
+  descriptionZh: "固定字體大小的力導向圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirected: {
       dotLabel: {
         sizeFixed: !0
@@ -1545,18 +3876,29 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, $ = {
+}, Nt = {
   name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
-  description: "Force Directed沒有箭頭",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: "Force Directed Chart without Arrows",
+  descriptionZh: "沒有箭頭的力導向圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     ForceDirected: {
       arrow: {
         pointerWidth: 0,
@@ -1568,18 +3910,65 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, tt = {
+}, vt = {
+  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
+    }
+  }
+}, Zt = {
   name: "PRESET_TREE_MAP_BASIC",
-  description: "基本Tree Map參數",
+  description: "Basic Tree Map",
+  descriptionZh: "基本樹狀矩形圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 40,
       right: 40,
-      bottom: 60,
+      bottom: 70,
       left: 40
     }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     TreeMap: {},
     TreeLegend: {
@@ -1589,58 +3978,134 @@ const u = {
       padding: 14
     }
   }
+}, Ut = {
+  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: 60,
+      left: 40
+    }
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    TreeMap: {},
+    TreeLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: "bottom",
+      padding: 7
+    }
+  }
 };
 export {
-  u as PRESET_BARS_HORIZONTAL_AND_ROUND,
-  P as PRESET_BARS_HORIZONTAL_AND_THIN,
-  c as PRESET_BARS_ROUND,
-  p as PRESET_BARS_THIN,
-  g as PRESET_BUBBLES_SCALING_BY_RADIUS,
-  _ as PRESET_BUBBLES_SEPARATE_SERIES,
-  w as PRESET_FORCE_DIRECTED_BASIC,
-  z as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
-  K as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
-  j as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
-  q as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
-  Q as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
-  $ as PRESET_FORCE_DIRECTED_NONE_ARROW,
-  J as PRESET_FORCE_DIRECTED_NONE_ZOOM,
-  m as PRESET_GRID_BASIC,
-  A as PRESET_GRID_HORIZONTAL,
-  T as PRESET_GRID_PN_SCALE,
-  I as PRESET_GRID_ROTATE_AXIS_LABEL,
-  L as PRESET_GRID_SEPARATE_SERIES,
-  O as PRESET_LINES_BASIC,
-  M as PRESET_LINES_CURVE,
-  N as PRESET_LINES_HORIZONTAL,
-  C as PRESET_LINES_LOOSE_TICKS,
-  F as PRESET_LINES_ROTATE_AXIS_LABEL,
-  U as PRESET_LINES_WITH_SOLID_DOTS,
-  h as PRESET_LINE_AREAS_BASIC,
-  b as PRESET_LINE_AREAS_CURVE,
-  x as PRESET_LINE_AREAS_HORIZONTAL,
-  B as PRESET_LINE_AREAS_LOOSE_TICKS,
-  D as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
-  G as PRESET_LINE_AREAS_SEPARATE_SERIES,
-  v as PRESET_MULTI_GRID_BASIC,
-  H as PRESET_MULTI_GRID_DIVERGING,
-  f as PRESET_MULTI_GRID_ROUND_STYLE,
-  V as PRESET_MULTI_GRID_SEPARATE_GRID,
-  W as PRESET_MULTI_LINES_SEPARATE_GRID,
-  k as PRESET_MULTI_LINE_AREAS_SEPARATE_GRID,
-  Z as PRESET_MULTI_VALUE_BASIC,
-  X as PRESET_MULTI_VALUE_SEPARATE_CATEGORY,
-  i as PRESET_PIE_BASIC,
+  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,
+  Tt as PRESET_FORCE_DIRECTED_BASIC,
+  It as PRESET_FORCE_DIRECTED_BUBBLES_BASIC,
+  Lt as PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH,
+  bt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW,
+  Mt as PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM,
+  xt as PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE,
+  Ot as PRESET_FORCE_DIRECTED_FIX_FONT_SIZE,
+  Nt as PRESET_FORCE_DIRECTED_NONE_ARROW,
+  Gt as PRESET_FORCE_DIRECTED_NONE_ZOOM,
+  vt as PRESET_FORCE_DIRECTED_SIMPLE,
+  L as PRESET_GRID_BASIC,
+  b 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,
+  ot 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,
+  lt 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,
-  l as PRESET_PIE_WITH_INNER_LABELS,
-  o as PRESET_ROSE_BASIC,
-  n as PRESET_ROSE_SCALING_BY_RADIUS,
-  y as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
-  Y as PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS,
-  S as PRESET_SERIES_BASIC,
-  E as PRESET_SERIES_SEPARATE_SERIES,
-  d as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
+  l as PRESET_PIE_SEPARATE_SERIES,
+  n as PRESET_PIE_SIMPLE,
+  d as PRESET_PIE_SUM_SERIES,
+  o as PRESET_PIE_WITH_INNER_LABELS,
+  Et as PRESET_RACING_BARS_ALL_ITEMS,
+  Ft as PRESET_RACING_BARS_BASIC,
+  ct as PRESET_RACING_BARS_FAST,
+  gt as PRESET_RACING_BARS_FASTER,
+  Bt as PRESET_RACING_BARS_OUTSIDE_LABELS,
+  pt as PRESET_RACING_BARS_SEPARATE_CATEGORY,
+  At as PRESET_RACING_BARS_SIMPLE,
+  St as PRESET_RACING_BARS_STOP,
+  E as PRESET_ROSE_BASIC,
+  F as PRESET_ROSE_SCALING_BY_RADIUS,
+  c 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,
+  Rt as PRESET_SCATTER_BASIC,
+  ut as PRESET_SCATTER_BUBBLES_BASIC,
+  Ct as PRESET_SCATTER_BUBBLES_LINEAR_OPACITY,
+  _t 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,
+  Dt 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,
-  tt as PRESET_TREE_MAP_BASIC
+  Zt as PRESET_TREE_MAP_BASIC,
+  Ut as PRESET_TREE_MAP_SIMPLE
 };