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

package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts

@@ -1,13 +1,30 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetSeriesPluginParams, PresetBubblesParams, PresetSeriesLegendParams, PresetSeriesTooltipParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_BUBBLES_SCALING_BY_RADIUS',
-  description: '以半徑尺寸為比例的泡泡圖',
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  description: 'Bubble chart scaled by radius size',
+  descriptionZh: '以半徑尺寸為比例的泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
+  pluginParams: {
     Bubbles: {
       arcScaleType: 'radius'
     },

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -1,12 +1,28 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_BUBBLES_SEPARATE_SERIES',
-  description: '分開顯示Series泡泡',
+  description: 'Bubble chart showing series separately',
+  descriptionZh: '分開顯示Series的泡泡圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
     // 加長留空
     padding: {
       top: 160,
@@ -18,8 +34,7 @@ export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<Pre
   dataFormatter: {
     separateSeries: true,
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Bubbles: {},
     SeriesLegend: {
       listRectRadius: 7 // 圓型圖例列點

package/src/series/PRESET_BUBBLES_SIMPLE.ts

@@ -0,0 +1,39 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SIMPLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SIMPLE',
+  description: 'Simple bubble chart',
+  descriptionZh: '簡單泡泡圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/series/PRESET_BUBBLES_SUM_SERIES.ts

@@ -0,0 +1,34 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SUM_SERIES',
+  description: 'Bubble chart of combined Series data',
+  descriptionZh: '合併Series資料的泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    sumSeries: true
+  },
+  pluginParams: {
+  }
+}
+PRESET_BUBBLES_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_BASIC.ts

@@ -1,16 +1,33 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_PIE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_PIE_BASIC',
-  description: '基本Pie參數',
+  description: 'Basic pie chart',
+  descriptionZh: '基本圓餅圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7 // 圓型圖例列點
     }

package/src/series/PRESET_PIE_DONUT.ts

@@ -1,16 +1,33 @@
 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_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_PIE_DONUT',
-  description: '甜甜圈圖',
+  description: 'Donut chart',
+  descriptionZh: '甜甜圈圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5
     },

package/src/series/PRESET_PIE_HALF_DONUT.ts

@@ -1,15 +1,31 @@
 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_HALF_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_PIE_HALF_DONUT',
-  description: '半圓甜甜圈圖',
+  description: 'Half donut chart',
+  descriptionZh: '半圓甜甜圈圖',
   chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    },
     padding: {
       top: 120,
-      right: 120,
+      right: 60,
       bottom: 0,
       left: 60
     },
@@ -17,8 +33,7 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {
       innerRadius: 0.5,
       startAngle: - Math.PI / 2,
@@ -30,6 +45,7 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
     },
     PieEventTexts: {},
     SeriesLegend: {
+      placement: 'bottom',
       listRectRadius: 7 // 圓型圖例列點
     }
   }

package/src/series/PRESET_PIE_SEPARATE_SERIES.ts

@@ -0,0 +1,34 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_SEPARATE_SERIES',
+  description: 'Separate pie chart of Series',
+  descriptionZh: '分開顯示Series的圓餅圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    },
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateSeries: true,
+  },
+  pluginParams: {
+  }
+}
+PRESET_PIE_SEPARATE_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_SIMPLE.ts

@@ -0,0 +1,43 @@
+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:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#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,34 @@
+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:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#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,16 +1,33 @@
 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: '圓餅圖及內部資料標籤',
+  description: 'Pie chart with inner data labels',
+  descriptionZh: '圓餅圖及內部資料標籤',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Pie: {},
     PieLabels: {
       "labelCentroid": 1.3, // 圖內資料標籤

package/src/series/PRESET_ROSE_BASIC.ts

@@ -1,17 +1,39 @@
 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參數',
+  description: 'Basic Rose chart',
+  descriptionZh: '基本Rose參數',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label:  [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7 // 圓型圖例列點
     }

package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts

@@ -1,16 +1,39 @@
 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: '以半徑尺寸為比例的玫瑰圖',
+  description: 'Rose chart with radius scaling',
+  descriptionZh: '以半徑尺寸為比例的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label:  [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Rose: {
       arcScaleType: 'radius'
     },

package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts

@@ -0,0 +1,42 @@
+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:  [
+          "#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,43 @@
+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:  [
+          "#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,43 @@
+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:  [
+          "#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`