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

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

@@ -1,6 +1,53 @@
-const u = {
+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 u = {
       // 圓型圖例列點
     }
   }
-}, S = {
+}, 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 u = {
     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 u = {
     }
   }
 };
-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,
@@ -115,7 +280,7 @@ const l = {
     PieLabels: {
       labelCentroid: 1.3,
       // 圖內資料標籤
-      labelColorType: "primary"
+      labelColorType: "labelContrast"
     },
     PieEventTexts: {},
     SeriesLegend: {
@@ -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 R = {
+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 R = {
       // 圓型圖例列點
     }
   }
-}, 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 R = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-d.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const g = {
+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 g = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-g.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const E = {
+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,33 +587,49 @@ const E = {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 };
-E.dataFormatter.sort.toString = () => "(a, b) => b.value - a.value";
-const _ = {
+_.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
     }
   },
   dataFormatter: {
-    grid: {
-      valueAxis: {
-        position: "bottom"
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: "left"
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      }
+    // 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,
@@ -260,32 +651,48 @@ const _ = {
       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
     }
   },
   dataFormatter: {
-    grid: {
-      valueAxis: {
-        position: "bottom"
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: "left"
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      }
+    // 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,
@@ -304,15 +711,31 @@ const _ = {
       padding: 14
     }
   }
-}, p = {
+}, 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 _ = {
       listRectRadius: 7
     }
   }
-}, A = {
+}, 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 _ = {
       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,33 +839,49 @@ const _ = {
       padding: 14
     }
   }
-}, c = {
+}, 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
     }
   },
   dataFormatter: {
-    grid: {
-      valueAxis: {
-        position: "bottom"
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: "left"
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      }
+    // grid: {
+    valueAxis: {
+      position: "bottom"
+      // position: 'top'
+      // position: 'left'
+      // position: 'right'
+    },
+    groupAxis: {
+      position: "left"
+      // position: 'right'
+      // position: 'bottom'
+      // position: 'top'
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
@@ -422,24 +893,40 @@ const _ = {
       padding: 14
     }
   }
-}, I = {
+}, 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: {
-    grid: {
-      valueAxis: {
-        scaleDomain: ["auto", "auto"],
-        scaleRange: [0.05, 0.95]
-      }
+    // grid: {
+    valueAxis: {
+      scaleDomain: ["auto", "auto"],
+      scaleRange: [0.05, 0.95]
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
@@ -451,16 +938,32 @@ const _ = {
       padding: 14
     }
   }
-}, T = {
+}, 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,22 +983,38 @@ const _ = {
       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: {
-    grid: {
-      // seriesSlotIndexes: [0, 1],
-      separateSeries: !0
-    }
+    // grid: {
+    // seriesSlotIndexes: [0, 1],
+    separateSeries: !0
+    // },
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_GRID,
@@ -514,24 +1033,40 @@ const _ = {
       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"
   },
   dataFormatter: {
-    grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
+    // grid: {
+    groupAxis: {
+      scalePadding: 0
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -549,24 +1084,40 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, x = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
+    // grid: {
+    groupAxis: {
+      scalePadding: 0
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -589,28 +1140,44 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, b = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      valueAxis: {
-        position: "bottom"
-      },
-      groupAxis: {
-        position: "left",
-        scalePadding: 0
-      }
+    // grid: {
+    valueAxis: {
+      position: "bottom"
+    },
+    groupAxis: {
+      position: "left",
+      scalePadding: 0
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -628,24 +1195,40 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, G = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
+    // grid: {
+    groupAxis: {
+      scalePadding: 0
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -665,24 +1248,40 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, M = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
+    // grid: {
+    groupAxis: {
+      scalePadding: 0
     }
+    // }
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -705,26 +1304,42 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, N = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      // seriesSlotIndexes: [0, 1],
-      separateSeries: !0,
-      groupAxis: {
-        scalePadding: 0
-      }
+    // grid: {
+    // seriesSlotIndexes: [0, 1],
+    separateSeries: !0,
+    groupAxis: {
+      scalePadding: 0
     }
+    // },
   },
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -747,15 +1362,31 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, D = {
+}, 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 _ = {
       listRectHeight: 2
     }
   }
-}, B = {
+}, 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,33 +1451,49 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, v = {
+}, 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"
   },
   dataFormatter: {
-    grid: {
-      valueAxis: {
-        position: "bottom"
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: "left"
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      }
+    // 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,
@@ -847,15 +1510,31 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, O = {
+}, 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 _ = {
       listRectHeight: 2
     }
   }
-}, H = {
+}, 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 _ = {
       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"
   },
@@ -925,7 +1636,7 @@ const _ = {
     Lines: {},
     Dots: {
       radius: 3,
-      fillColorType: "series",
+      fillColorType: "label",
       onlyShowHighlighted: !1
     },
     GroupAxis: {},
@@ -939,15 +1650,31 @@ const _ = {
       listRectHeight: 2
     }
   }
-}, f = {
+}, 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 _ = {
       ]
     }
   }
-}, C = {
+}, 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 _ = {
     ],
     // 設定排版方式
     container: {
-      gap: 200,
+      gap: 160,
       rowAmount: 1,
       columnAmount: 2
     },
@@ -1011,21 +1754,20 @@ const _ = {
   allPluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     MultiGroupAxis: {
-      tickPadding: 60,
-      // 加長間距
+      // tickPadding: 60, // 加長間距
       gridIndexes: [0]
       // 只顯示一個
     },
     MultiValueAxis: {
       gridIndexes: [0, 1]
     },
-    MultiValueStackAxis: {
+    MultiStackedValueAxis: {
       gridIndexes: [0, 1]
     },
     MultiBars: {
       gridIndexes: [0, 1]
     },
-    MultiBarStack: {
+    MultiStackedBar: {
       gridIndexes: [0, 1]
     },
     MultiBarsTriangle: {
@@ -1047,15 +1789,31 @@ const _ = {
       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"
   },
@@ -1067,7 +1825,7 @@ const _ = {
       barGroupPadding: 10,
       barRadius: !0
     },
-    MultiBarStack: {},
+    MultiStackedBar: {},
     MultiDots: {},
     MultiGridLegend: {
       // position: 'bottom',
@@ -1090,19 +1848,35 @@ const _ = {
       lineWidth: 3
     },
     MultiValueAxis: {},
-    MultiValueStackAxis: {},
+    MultiStackedValueAxis: {},
     OverlappingValueAxes: {},
-    OverlappingValueStackAxes: {}
+    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: {
@@ -1117,13 +1891,13 @@ const _ = {
     MultiValueAxis: {
       gridIndexes: "all"
     },
-    MultiValueStackAxis: {
+    MultiStackedValueAxis: {
       gridIndexes: "all"
     },
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiBarStack: {
+    MultiStackedBar: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -1145,17 +1919,33 @@ const _ = {
       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 _ = {
     // }
   },
   allPluginParams: {
-    ...a,
+    ...e,
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: "all"
@@ -1188,13 +1978,13 @@ const _ = {
     MultiValueAxis: {
       gridIndexes: "all"
     },
-    MultiValueStackAxis: {
+    MultiStackedValueAxis: {
       gridIndexes: "all"
     },
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiBarStack: {
+    MultiStackedBar: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -1242,22 +2032,38 @@ const _ = {
       ]
     }
   }
-}, 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"
@@ -1265,13 +2071,13 @@ const _ = {
     MultiValueAxis: {
       gridIndexes: "all"
     },
-    MultiValueStackAxis: {
+    MultiStackedValueAxis: {
       gridIndexes: "all"
     },
     MultiBars: {
       gridIndexes: "all"
     },
-    MultiBarStack: {
+    MultiStackedBar: {
       gridIndexes: "all"
     },
     MultiBarsTriangle: {
@@ -1319,14 +2125,609 @@ const _ = {
       ]
     }
   }
-}, X = {
-  name: "PRESET_TREE_BASIC",
-  description: "基本Tree參數",
+}, 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: 100,
+      left: 60
+    }
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, q = {
+  name: "PRESET_MULTI_VALUE_SEPARATE_CATEGORY",
+  description: "MultiValue 分開顯示category",
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    }
+  },
+  dataFormatter: {
+    separateCategory: !0
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: "bottom",
+      padding: 14
+    }
+  }
+}, 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: "以半徑尺寸為比例的散布泡泡圖",
+  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
+    },
+    ScatterBubbles: {
+      arcScaleType: "radius"
+    }
+  }
+}, at = {
+  name: "PRESET_SCATTER_BUBBLES_LINEAR_OPACITY",
+  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
+    },
+    ScatterBubbles: {
+      valueLinearOpacity: [0.6, 0.95]
+    }
+  }
+}, 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: {
+    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: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, lt = {
+  name: "PRESET_FORCE_DIRECTED_BUBBLES_BASIC",
+  description: "基本Force Directed Bubbles參數",
+  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: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, rt = {
+  name: "PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH",
+  description: "Force Directed Bubbles固定箭頭寬度",
+  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: {
+        strokeWidthMin: 1.5,
+        strokeWidthMax: 1.5
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, st = {
+  name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW",
+  description: "Force Directed Bubbles沒有箭頭",
+  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: {
+        pointerWidth: 0,
+        pointerHeight: 0
+        // strokeWidthMin: 1.5,
+        // strokeWidthMax: 9
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, ot = {
+  name: "PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM",
+  description: "Force Directed Bubbles無滑鼠托曳及縮放控制",
+  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
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Et = {
+  name: "PRESET_FORCE_DIRECTED_NONE_ZOOM",
+  description: "Force Directed無滑鼠托曳及縮放控制",
+  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
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, nt = {
+  name: "PRESET_FORCE_DIRECTED_FIX_FONT_SIZE",
+  description: "基本Force Directed參數",
+  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: {
+        sizeFixed: !0
+      },
+      arrowLabel: {
+        sizeFixed: !0
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, Ft = {
+  name: "PRESET_FORCE_DIRECTED_NONE_ARROW",
+  description: "Force Directed沒有箭頭",
+  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: {
+        pointerWidth: 0,
+        pointerHeight: 0
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7
+      // 圓型圖例列點
+    }
+  }
+}, 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
     }
   },
@@ -1342,44 +2743,67 @@ const _ = {
   }
 };
 export {
-  _ as PRESET_BARS_HORIZONTAL_AND_ROUND,
-  P as PRESET_BARS_HORIZONTAL_AND_THIN,
-  p as PRESET_BARS_ROUND,
-  A as PRESET_BARS_THIN,
-  u as PRESET_BUBBLES_SCALING_BY_RADIUS,
-  S as PRESET_BUBBLES_SEPARATE_SERIES,
-  m as PRESET_GRID_BASIC,
-  c as PRESET_GRID_HORIZONTAL,
-  I as PRESET_GRID_PN_SCALE,
-  T as PRESET_GRID_ROTATE_AXIS_LABEL,
-  L as PRESET_GRID_SEPARATE_SERIES,
-  D as PRESET_LINES_BASIC,
-  B as PRESET_LINES_CURVE,
-  v as PRESET_LINES_HORIZONTAL,
-  O as PRESET_LINES_LOOSE_TICKS,
-  H as PRESET_LINES_ROTATE_AXIS_LABEL,
-  U as PRESET_LINES_WITH_SOLID_DOTS,
-  h as PRESET_LINE_AREAS_BASIC,
-  x as PRESET_LINE_AREAS_CURVE,
-  b as PRESET_LINE_AREAS_HORIZONTAL,
-  G as PRESET_LINE_AREAS_LOOSE_TICKS,
-  M as PRESET_LINE_AREAS_ROTATE_AXIS_LABEL,
-  N as PRESET_LINE_AREAS_SEPARATE_SERIES,
-  f as PRESET_MULTI_GRID_BASIC,
-  C 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,
-  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,
-  R as PRESET_SERIES_BASIC,
-  g as PRESET_SERIES_SEPARATE_SERIES,
-  d as PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES,
-  E as PRESET_SERIES_SUM_SERIES,
-  X as PRESET_TREE_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
 };