npm - @orbcharts/presets-basic - Versions diffs - 3.0.0-beta.13 → 3.0.0-beta.15 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/LICENSE +200 -200
package/dist/orbcharts-presets-basic.es.js +1870 -542
package/dist/orbcharts-presets-basic.umd.js +1 -1
package/lib/core-types.ts +7 -7
package/lib/plugins-basic-types.ts +6 -6
package/package.json +42 -42
package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +74 -60
package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +75 -61
package/src/grid/PRESET_BARS_ROUND.ts +70 -56
package/src/grid/PRESET_BARS_THIN.ts +67 -53
package/src/grid/PRESET_GRID_BASIC.ts +58 -44
package/src/grid/PRESET_GRID_HORIZONTAL.ts +75 -61
package/src/grid/PRESET_GRID_PN_SCALE.ts +66 -52
package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts +63 -49
package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +66 -52
package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +71 -57
package/src/grid/PRESET_GRID_SIMPLE.ts +58 -44
package/src/grid/PRESET_LINES_BASIC.ts +62 -48
package/src/grid/PRESET_LINES_CURVE.ts +65 -51
package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +64 -50
package/src/grid/PRESET_LINES_HORIZONTAL.ts +70 -56
package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +64 -50
package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +67 -53
package/src/grid/PRESET_LINES_SIMPLE.ts +67 -53
package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +66 -52
package/src/grid/PRESET_LINE_AREAS_BASIC.ts +68 -54
package/src/grid/PRESET_LINE_AREAS_CURVE.ts +79 -65
package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +72 -58
package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +72 -58
package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +70 -56
package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +73 -59
package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +74 -60
package/src/grid/PRESET_LINE_AREAS_SIMPLE.ts +71 -57
package/src/grid/index.ts +26 -26
package/src/index.ts +6 -6
package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +64 -50
package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +112 -98
package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.ts +115 -101
package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +85 -71
package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts +95 -81
package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +87 -73
package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.ts +98 -84
package/src/multiGrid/PRESET_MULTI_GRID_SIMPLE.ts +74 -60
package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +115 -101
package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.ts +124 -110
package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +133 -119
package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts +127 -113
package/src/multiGrid/index.ts +12 -12
package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +53 -39
package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +64 -50
package/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.ts +53 -39
package/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.ts +58 -44
package/src/multiValue/PRESET_RACING_BARS_BASIC.ts +57 -43
package/src/multiValue/PRESET_RACING_BARS_FAST.ts +57 -43
package/src/multiValue/PRESET_RACING_BARS_FASTER.ts +57 -43
package/src/multiValue/PRESET_RACING_BARS_LOOP.ts +58 -44
package/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.ts +61 -47
package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts +74 -60
package/src/multiValue/PRESET_RACING_BARS_SIMPLE.ts +57 -43
package/src/multiValue/PRESET_RACING_BARS_STOP.ts +56 -42
package/src/multiValue/PRESET_SCATTER_BASIC.ts +54 -40
package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +54 -40
package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +57 -43
package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +57 -43
package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +57 -43
package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts +54 -40
package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +65 -51
package/src/multiValue/PRESET_SCATTER_SIMPLE.ts +54 -40
package/src/multiValue/index.ts +20 -20
package/src/params.ts +83 -83
package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +47 -33
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +47 -33
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +52 -38
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +52 -38
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +49 -35
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts +48 -34
package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +54 -40
package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +52 -38
package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +49 -35
package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts +48 -34
package/src/relationship/index.ts +9 -9
package/src/series/PRESET_BUBBLES_BASIC.ts +46 -32
package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +49 -35
package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +58 -44
package/src/series/PRESET_BUBBLES_SIMPLE.ts +53 -39
package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +48 -34
package/src/series/PRESET_PIE_BASIC.ts +49 -35
package/src/series/PRESET_PIE_DONUT.ts +54 -40
package/src/series/PRESET_PIE_HALF_DONUT.ts +66 -52
package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +47 -33
package/src/series/PRESET_PIE_SIMPLE.ts +56 -42
package/src/series/PRESET_PIE_SUM_SERIES.ts +48 -34
package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +55 -41
package/src/series/PRESET_ROSE_BASIC.ts +55 -41
package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +61 -47
package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +55 -41
package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +56 -42
package/src/series/PRESET_ROSE_SIMPLE.ts +56 -42
package/src/series/PRESET_ROSE_SUM_SERIES.ts +54 -40
package/src/series/PRESET_SERIES_BASIC.ts +46 -32
package/src/series/PRESET_SERIES_SEPARATE_SERIES.ts +47 -15
package/src/series/PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES.ts +48 -16
package/src/series/PRESET_SERIES_SUM_SERIES.ts +49 -17
package/src/series/index.ts +23 -23
package/src/tree/PRESET_TREE_MAP_BASIC.ts +58 -44
package/src/tree/PRESET_TREE_MAP_SIMPLE.ts +54 -40
package/src/tree/index.ts +1 -1
package/src/types.ts +368 -368
package/tsconfig.base.json +13 -13
package/tsconfig.json +2 -2
package/vite.config.js +22 -22

package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts CHANGED Viewed

@@ -1,58 +1,72 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS',
-  description: 'Highlight Group Dots LineArea',
-  descriptionZh: 'Highlight Group圓點的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
-      bottom: 100,
-      left: 80
-    },
-    highlightTarget: 'group'
-  },
-  dataFormatter: {
-    groupAxis: {
-      scalePadding: 0
-    }
-  },
-  pluginParams: {
-    Lines: {
-      lineWidth: 3
-    },
-    LineAreas: {},
-    Dots: {
-      onlyShowHighlighted: false
-    },
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      listRectHeight: 2
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS',
+  description: 'Highlight Group Dots LineArea',
+  descriptionZh: 'Highlight Group圓點的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      bottom: 100,
+      left: 80
+    },
+    highlightTarget: 'group'
+  },
+  dataFormatter: {
+    groupAxis: {
+      scalePadding: 0
+    }
+  },
+  pluginParams: {
+    Lines: {
+      lineWidth: 3
+    },
+    LineAreas: {},
+    Dots: {
+      onlyShowHighlighted: false
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts CHANGED Viewed

@@ -1,58 +1,72 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_LINE_AREAS_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_LINE_AREAS_HORIZONTAL',
-  description: 'Horizontal LineArea',
-  descriptionZh: '橫向折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 100,
-      left: 160
-    },
-    highlightTarget: 'series'
-  },
-  dataFormatter: {
-    valueAxis: {
-      position: 'bottom'
-    },
-    groupAxis: {
-      position: 'left',
-      scalePadding: 0
-    },
-  },
-  pluginParams: {
-    Lines: {},
-    LineAreas: {},
-    Dots: {},
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      listRectHeight: 2
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_LINE_AREAS_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_HORIZONTAL',
+  description: 'Horizontal LineArea',
+  descriptionZh: '橫向折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 160
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    valueAxis: {
+      position: 'bottom'
+    },
+    groupAxis: {
+      position: 'left',
+      scalePadding: 0
+    },
+  },
+  pluginParams: {
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts CHANGED Viewed

@@ -1,56 +1,70 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_LINE_AREAS_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_LINE_AREAS_LOOSE_TICKS',
-  description: 'Loose Ticks LineArea',
-  descriptionZh: '寬鬆標籤的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
-      bottom: 100,
-      left: 80
-    },
-    highlightTarget: 'series'
-  },
-  dataFormatter: {
-    groupAxis: {
-      scalePadding: 0
-    }
-  },
-  pluginParams: {
-    Lines: {},
-    LineAreas: {},
-    Dots: {},
-    GroupAxis: {
-      ticks: 6
-    },
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      listRectHeight: 2
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_LINE_AREAS_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_LOOSE_TICKS',
+  description: 'Loose Ticks LineArea',
+  descriptionZh: '寬鬆標籤的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      bottom: 100,
+      left: 80
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    groupAxis: {
+      scalePadding: 0
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      ticks: 6
+    },
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts CHANGED Viewed

@@ -1,59 +1,73 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_LINE_AREAS_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_LINE_AREAS_ROTATE_AXIS_LABEL',
-  description: 'Rotate Axis Label LineArea',
-  descriptionZh: '傾斜標籤的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 140,
-      left: 80
-    },
-    highlightTarget: 'series'
-  },
-  dataFormatter: {
-    groupAxis: {
-      scalePadding: 0
-    }
-  },
-  pluginParams: {
-    Lines: {},
-    LineAreas: {},
-    Dots: {},
-    GroupAxis: {
-      tickPadding: 15,
-      tickTextRotate: -30
-    },
-    ValueAxis: {},
-    GroupAux: {
-      labelRotate: -30
-    },
-    GridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      listRectHeight: 2
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_LINE_AREAS_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_ROTATE_AXIS_LABEL',
+  description: 'Rotate Axis Label LineArea',
+  descriptionZh: '傾斜標籤的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    groupAxis: {
+      scalePadding: 0
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    ValueAxis: {},
+    GroupAux: {
+      labelRotate: -30
+    },
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts CHANGED Viewed

@@ -1,60 +1,74 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_LINE_AREAS_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_LINE_AREAS_SEPARATE_SERIES',
-  description: 'Separate Series LineArea',
-  descriptionZh: '分開顯示Series的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 140,
-      left: 80
-    },
-    highlightTarget: 'series'
-  },
-  dataFormatter: {
-    separateSeries: true,
-    groupAxis: {
-      scalePadding: 0
-    }
-  },
-  pluginParams: {
-    Lines: {},
-    LineAreas: {},
-    Dots: {},
-    GroupAxis: {
-      tickPadding: 15,
-      tickTextRotate: -30
-    },
-    ValueAxis: {},
-    GroupAux: {
-      labelRotate: -30
-    },
-    GridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      listRectHeight: 2
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_LINE_AREAS_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_SEPARATE_SERIES',
+  description: 'Separate Series LineArea',
+  descriptionZh: '分開顯示Series的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    separateSeries: true,
+    groupAxis: {
+      scalePadding: 0
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    ValueAxis: {},
+    GroupAux: {
+      labelRotate: -30
+    },
+    GridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}