@orbcharts/presets-basic 3.0.0-beta.8 → 3.0.0

package/src/series/PRESET_PIE_SIMPLE.ts

@@ -0,0 +1,57 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_SIMPLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_SIMPLE',
+  description: 'Simple pie chart',
+  descriptionZh: '簡單圓餅圖',
+  chartParams: {
+    padding: {
+      top: 30,
+      right: 30,
+      bottom: 30,
+      left: 30
+    },
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#4BABFF",
+          "#38BEA8",
+          "#86DC72",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#5F2714",
+          "#D117EA",
+          "7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#8BC8FF",
+          "#61CBB9",
+          "#ACE1A0",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#904026",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}
+PRESET_PIE_SIMPLE.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_SUM_SERIES.ts

@@ -0,0 +1,48 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_SUM_SERIES',
+  description: 'Pie chart of combined Series data',
+  descriptionZh: '合併Series資料的圓餅圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#4BABFF",
+          "#38BEA8",
+          "#86DC72",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#5F2714",
+          "#D117EA",
+          "7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#8BC8FF",
+          "#61CBB9",
+          "#ACE1A0",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#904026",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    sumSeries: true
+  },
+  pluginParams: {
+  }
+}
+PRESET_PIE_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts

@@ -1,25 +1,56 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_PIE_WITH_INNER_LABELS: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_PIE_WITH_INNER_LABELS',
-  description: '圓餅圖及內部資料標籤',
-  dataFormatter: {
-    sort: (a, b) => b.value - a.value
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Pie: {},
-    PieLabels: {
-      "labelCentroid": 1.3, // 圖內資料標籤
-      "labelColorType": "primary"
-    },
-    PieEventTexts: {},
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_WITH_INNER_LABELS: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_WITH_INNER_LABELS',
+  description: 'Pie chart with inner data labels',
+  descriptionZh: '圓餅圖及內部資料標籤',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#4BABFF",
+          "#38BEA8",
+          "#86DC72",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#5F2714",
+          "#D117EA",
+          "7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#8BC8FF",
+          "#61CBB9",
+          "#ACE1A0",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#904026",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    Pie: {},
+    PieLabels: {
+      "labelCentroid": 1.3, // 圖內資料標籤
+      "labelColorType": "labelContrast"
+    },
+    PieEventTexts: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_PIE_WITH_INNER_LABELS.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_BASIC.ts

@@ -1,20 +1,56 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_ROSE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_ROSE_BASIC',
-  description: '基本Rose參數',
-  dataFormatter: {
-    sort: (a, b) => b.value - a.value
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_BASIC',
+  description: 'Basic Rose chart',
+  descriptionZh: '基本Rose參數',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_ROSE_BASIC.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts

@@ -1,25 +1,62 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_ROSE_SCALING_BY_RADIUS: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_ROSE_SCALING_BY_RADIUS',
-  description: '以半徑尺寸為比例的玫瑰圖',
-  dataFormatter: {
-    sort: (a, b) => b.value - a.value
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Rose: {
-      arcScaleType: 'radius'
-    },
-    RoseLabels: {
-      arcScaleType: 'radius',
-    },
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SCALING_BY_RADIUS: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SCALING_BY_RADIUS',
+  description: 'Rose chart with radius scaling',
+  descriptionZh: '以半徑尺寸為比例的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    Rose: {
+      arcScaleType: 'radius'
+    },
+    RoseLabels: {
+      arcScaleType: 'radius',
+    },
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_ROSE_SCALING_BY_RADIUS.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts

@@ -0,0 +1,56 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SEPARATE_SERIES',
+  description: 'Separate rose chart of Series',
+  descriptionZh: '分開顯示Series的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateSeries: true,
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}
+PRESET_ROSE_SEPARATE_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts

@@ -0,0 +1,57 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES',
+  description: 'Separate and sum Series data',
+  descriptionZh: '分開顯示Series並合併Series資料',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateSeries: true,
+    sumSeries: true,
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}
+PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SIMPLE.ts

@@ -0,0 +1,57 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SIMPLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SIMPLE',
+  description: 'Simple Rose chart',
+  descriptionZh: '簡單Rose參數',
+  chartParams: {
+    padding: {
+      top: 20,
+      right: 20,
+      bottom: 20,
+      left: 20
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}
+PRESET_ROSE_SIMPLE.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SUM_SERIES.ts

@@ -0,0 +1,54 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SUM_SERIES',
+  description: 'Rose chart of combined Series data',
+  descriptionZh: '合併Series資料的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    sumSeries: true
+  },
+  pluginParams: {
+  }
+}
+PRESET_ROSE_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_SERIES_BASIC.ts

@@ -1,16 +1,46 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_SERIES_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SERIES_BASIC',
-  description: '基本Series參數',
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SERIES_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SERIES_BASIC',
+  description: 'Basic Series parameters',
+  descriptionZh: '基本Series參數',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}