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

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

@@ -1,6 +1,53 @@
-const g = {
+const C = {
+  name: "PRESET_BUBBLES_BASIC",
+  description: "基本泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    SeriesLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, c = {
   name: "PRESET_BUBBLES_SCALING_BY_RADIUS",
   description: "以半徑尺寸為比例的泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Bubbles: {
@@ -11,10 +58,26 @@ const g = {
       // 圓型圖例列點
     }
   }
-}, _ = {
+}, u = {
   name: "PRESET_BUBBLES_SEPARATE_SERIES",
-  description: "分開顯示Series泡泡",
+  description: "分開顯示Series的泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     // 加長留空
     padding: {
       top: 160,
@@ -36,10 +99,59 @@ const g = {
     SeriesTooltip: {}
   }
 }, i = {
+  name: "PRESET_BUBBLES_SUM_SERIES",
+  description: "合併Series資料的泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    sumSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const l = {
   name: "PRESET_PIE_BASIC",
-  description: "基本Pie參數",
+  description: "基本圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -49,12 +161,30 @@ const g = {
     }
   }
 };
-i.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
 const r = {
   name: "PRESET_PIE_DONUT",
   description: "甜甜圈圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -74,15 +204,31 @@ const s = {
   name: "PRESET_PIE_HALF_DONUT",
   description: "半圓甜甜圈圖",
   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
     }
   },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -97,17 +243,36 @@ 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: "圓餅圖及內部資料標籤",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -124,12 +289,92 @@ const l = {
     }
   }
 };
-l.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const o = {
+o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const E = {
+  name: "PRESET_PIE_SEPARATE_SERIES",
+  description: "分開顯示Series的圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    separateSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const n = {
+  name: "PRESET_PIE_SUM_SERIES",
+  description: "合併Series資料的圓餅圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    sumSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const F = {
   name: "PRESET_ROSE_BASIC",
   description: "基本Rose參數",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
@@ -140,12 +385,30 @@ const o = {
     }
   }
 };
-o.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const n = {
+F.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const d = {
   name: "PRESET_ROSE_SCALING_BY_RADIUS",
   description: "以半徑尺寸為比例的玫瑰圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
-    sort: (t, e) => e.value - t.value
+    sort: (t, a) => a.value - t.value
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -161,10 +424,122 @@ const n = {
     }
   }
 };
-n.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const S = {
+d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const A = {
+  name: "PRESET_ROSE_SEPARATE_SERIES",
+  description: "分開顯示Series的玫瑰圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    separateSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+A.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const B = {
+  name: "PRESET_ROSE_SUM_SERIES",
+  description: "合併Series資料的玫瑰圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    sumSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+B.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const g = {
+  name: "PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES",
+  description: "分開顯示Series並合併Series資料",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (t, a) => a.value - t.value,
+    separateSeries: !0,
+    sumSeries: !0
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+};
+g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const P = {
   name: "PRESET_SERIES_BASIC",
   description: "基本Series參數",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_SERIES,
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -173,11 +548,11 @@ const S = {
       // 圓型圖例列點
     }
   }
-}, d = {
+}, S = {
   name: "PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES",
   description: "分開顯示Series並合併Series資料",
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0,
     sumSeries: !0
   },
@@ -186,12 +561,12 @@ const S = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const E = {
+S.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const R = {
   name: "PRESET_SERIES_SEPARATE_SERIES",
   description: "分開顯示Series",
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     separateSeries: !0
   },
   allPluginParams: {
@@ -199,12 +574,12 @@ const E = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const R = {
+R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const _ = {
   name: "PRESET_SERIES_SUM_SERIES",
   description: "合併Series資料",
   dataFormatter: {
-    sort: (t, e) => e.value - t.value,
+    sort: (t, a) => a.value - t.value,
     sumSeries: !0
   },
   allPluginParams: {
@@ -212,15 +587,31 @@ const R = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-R.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const u = {
+_.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
+const m = {
   name: "PRESET_BARS_HORIZONTAL_AND_ROUND",
   description: "橫向圓角長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 160
     }
   },
@@ -260,14 +651,30 @@ const u = {
       listRectRadius: 7
     }
   }
-}, P = {
+}, p = {
   name: "PRESET_BARS_HORIZONTAL_AND_THIN",
   description: "橫向細長長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 160
     }
   },
@@ -304,15 +711,31 @@ const u = {
       padding: 14
     }
   }
-}, c = {
+}, D = {
   name: "PRESET_BARS_ROUND",
   description: "圓角長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     }
   },
   allPluginParams: {
@@ -335,15 +758,31 @@ const u = {
       listRectRadius: 7
     }
   }
-}, p = {
+}, T = {
   name: "PRESET_BARS_THIN",
   description: "細長條圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     }
   },
   allPluginParams: {
@@ -363,15 +802,31 @@ const u = {
       padding: 14
     }
   }
-}, m = {
+}, I = {
   name: "PRESET_GRID_BASIC",
   description: "基本Grid參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     }
   },
   allPluginParams: {
@@ -384,15 +839,31 @@ const u = {
       padding: 14
     }
   }
-}, A = {
+}, h = {
   name: "PRESET_GRID_HORIZONTAL",
   description: "橫向圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     // 間距下面及左邊留空
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 160
     }
   },
@@ -422,15 +893,31 @@ const u = {
       padding: 14
     }
   }
-}, T = {
+}, b = {
   name: "PRESET_GRID_PN_SCALE",
   description: "正負值分向圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     }
   },
   dataFormatter: {
@@ -451,16 +938,32 @@ const u = {
       padding: 14
     }
   }
-}, I = {
+}, L = {
   name: "PRESET_GRID_ROTATE_AXIS_LABEL",
   description: "傾斜標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     // 間距下面加長留空
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     }
   },
   allPluginParams: {
@@ -480,15 +983,31 @@ const u = {
       padding: 14
     }
   }
-}, L = {
+}, x = {
   name: "PRESET_GRID_SEPARATE_SERIES",
   description: "分開顯示Series",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
@@ -514,15 +1033,31 @@ const u = {
       padding: 14
     }
   }
-}, h = {
+}, G = {
   name: "PRESET_LINE_AREAS_BASIC",
   description: "基本LineArea參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -549,15 +1084,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, b = {
+}, O = {
   name: "PRESET_LINE_AREAS_CURVE",
   description: "弧線折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -589,14 +1140,30 @@ const u = {
       listRectHeight: 2
     }
   }
-}, x = {
+}, M = {
   name: "PRESET_LINE_AREAS_HORIZONTAL",
   description: "橫向折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 160
     },
     highlightTarget: "series"
@@ -628,15 +1195,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, B = {
+}, N = {
   name: "PRESET_LINE_AREAS_LOOSE_TICKS",
   description: "寬鬆標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -665,15 +1248,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, D = {
+}, v = {
   name: "PRESET_LINE_AREAS_ROTATE_AXIS_LABEL",
   description: "傾斜標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -705,15 +1304,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, G = {
+}, U = {
   name: "PRESET_LINE_AREAS_SEPARATE_SERIES",
   description: "LineAreas 分開顯示Series",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -747,15 +1362,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, O = {
+}, H = {
   name: "PRESET_LINES_BASIC",
   description: "基本Lines參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -774,15 +1405,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, M = {
+}, f = {
   name: "PRESET_LINES_CURVE",
   description: "弧線折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -804,14 +1451,30 @@ const u = {
       listRectHeight: 2
     }
   }
-}, N = {
+}, V = {
   name: "PRESET_LINES_HORIZONTAL",
   description: "橫向折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 160
     },
     highlightTarget: "series"
@@ -847,15 +1510,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, C = {
+}, k = {
   name: "PRESET_LINES_LOOSE_TICKS",
   description: "寬鬆標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -876,15 +1555,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, F = {
+}, W = {
   name: "PRESET_LINES_ROTATE_AXIS_LABEL",
   description: "傾斜標籤",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -908,15 +1603,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, U = {
+}, Y = {
   name: "PRESET_LINES_WITH_SOLID_DOTS",
   description: "折線圖及實心圓點",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -939,15 +1650,31 @@ const u = {
       listRectHeight: 2
     }
   }
-}, v = {
+}, Z = {
   name: "PRESET_MULTI_GRID_BASIC",
   description: "基本MultiGrid參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -967,15 +1694,31 @@ const u = {
       ]
     }
   }
-}, H = {
+}, y = {
   name: "PRESET_MULTI_GRID_DIVERGING",
   description: "雙向折線圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     }
   },
   dataFormatter: {
@@ -1001,7 +1744,7 @@ const u = {
     ],
     // 設定排版方式
     container: {
-      gap: 200,
+      gap: 160,
       rowAmount: 1,
       columnAmount: 2
     },
@@ -1011,8 +1754,7 @@ const u = {
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     MultiGroupAxis: {
-      tickPadding: 60,
-      // 加長間距
+      // tickPadding: 60, // 加長間距
       gridIndexes: [0]
       // 只顯示一個
     },
@@ -1047,15 +1789,31 @@ const u = {
       padding: 14
     }
   }
-}, f = {
+}, X = {
   name: "PRESET_MULTI_GRID_ROUND_STYLE",
   description: "MultiGrid圓弧風格",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
-      left: 60
+      bottom: 100,
+      left: 80
     },
     highlightTarget: "series"
   },
@@ -1094,15 +1852,31 @@ const u = {
     OverlappingValueAxes: {},
     OverlappingStackedValueAxes: {}
   }
-}, V = {
+}, w = {
   name: "PRESET_MULTI_GRID_SEPARATE_GRID",
   description: "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
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
@@ -1145,17 +1919,33 @@ const u = {
       padding: 14
     }
   }
-}, a = {
+}, e = {
   // Tooltip: {},
-}, k = {
+}, z = {
   name: "PRESET_MULTI_LINE_AREAS_SEPARATE_GRID",
   description: "2組區域圖表",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
@@ -1180,7 +1970,7 @@ const u = {
     // }
   },
   allPluginParams: {
-    ...a,
+    ...e,
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -1242,22 +2032,38 @@ const u = {
       ]
     }
   }
-}, W = {
+}, K = {
   name: "PRESET_MULTI_LINES_SEPARATE_GRID",
   description: "多組分開折線圖表",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 160,
-      left: 60
+      bottom: 140,
+      left: 80
     }
   },
   dataFormatter: {
     separateGrid: !0
   },
   allPluginParams: {
-    ...a,
+    ...e,
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -1319,14 +2125,30 @@ const u = {
       ]
     }
   }
-}, Z = {
+}, j = {
   name: "PRESET_MULTI_VALUE_BASIC",
   description: "基本MultiValue參數",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     }
   },
@@ -1336,14 +2158,30 @@ const u = {
       padding: 14
     }
   }
-}, X = {
+}, q = {
   name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
   description: "MultiValue 分開顯示category",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     }
   },
@@ -1356,14 +2194,132 @@ const u = {
       padding: 14
     }
   }
-}, Y = {
+}, J = {
+  name: "PRESET_SCATTER_BASIC",
+  description: "基本散布圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    }
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, Q = {
+  name: "PRESET_SCATTER_SEPARATE_CATEGORY",
+  description: "分開顯示category的散布圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, $ = {
+  name: "PRESET_SCATTER_BUBBLES_BASIC",
+  description: "基本的散布泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    }
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, tt = {
   name: "PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS",
-  description: "ScatterBubbles以半徑尺寸為比例",
+  description: "以半徑尺寸為比例的散布泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     }
   },
@@ -1376,14 +2332,30 @@ const u = {
       arcScaleType: "radius"
     }
   }
-}, y = {
+}, at = {
   name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
-  description: "ScatterBubbles漸變透明度",
+  description: "漸變透明度的散布泡泡圖",
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     }
   },
@@ -1396,17 +2368,69 @@ const u = {
       valueLinearOpacity: [0.6, 0.95]
     }
   }
-}, w = {
+}, et = {
+  name: "PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY",
+  description: "分開顯示category的散布泡泡圖",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, it = {
   name: "PRESET_FORCE_DIRECTED_BASIC",
   description: "基本Force Directed參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirected: {},
     RelationshipLegend: {
@@ -1414,17 +2438,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, z = {
+}, lt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
   description: "基本Force Directed Bubbles參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirectedBubbles: {},
     RelationshipLegend: {
@@ -1432,17 +2472,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, K = {
+}, rt = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH",
   description: "Force Directed Bubbles固定箭頭寬度",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirectedBubbles: {
       arrow: {
@@ -1455,17 +2511,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, j = {
+}, st = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
   description: "Force Directed Bubbles沒有箭頭",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirectedBubbles: {
       arrow: {
@@ -1480,17 +2552,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, q = {
+}, ot = {
   name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
   description: "Force Directed Bubbles無滑鼠托曳及縮放控制",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirectedBubbles: {
       zoomable: !1
@@ -1500,17 +2588,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, J = {
+}, Et = {
   name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
   description: "Force Directed無滑鼠托曳及縮放控制",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirected: {
       zoomable: !1
@@ -1520,17 +2624,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, Q = {
+}, nt = {
   name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
   description: "基本Force Directed參數",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirected: {
       dotLabel: {
@@ -1545,17 +2665,33 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, $ = {
+}, Ft = {
   name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
   description: "Force Directed沒有箭頭",
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    }
+    // padding: {
+    //   top: 40,
+    //   right: 40,
+    //   bottom: 60,
+    //   left: 40
+    // },
+  },
   allPluginParams: {
     ForceDirected: {
       arrow: {
@@ -1568,14 +2704,30 @@ const u = {
       // 圓型圖例列點
     }
   }
-}, tt = {
+}, dt = {
   name: "PRESET_TREE_MAP_BASIC",
   description: "基本Tree Map參數",
   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
     }
   },
@@ -1591,56 +2743,67 @@ const u = {
   }
 };
 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,
+  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,
+  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,
   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,
-  R as PRESET_SERIES_SUM_SERIES,
-  tt as PRESET_TREE_MAP_BASIC
+  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,
+  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
 };