@orbcharts/presets-basic 3.0.0-beta.9 → 3.0.1

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts

@@ -1,20 +1,44 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM',
-  description: 'Force Directed Bubbles無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: 'Force Directed bubbles chart without mouse drag and zoom control',
+  descriptionZh: '無滑鼠托曳及縮放控制的力導向泡泡圖',
+  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: {
     ForceDirectedBubbles: {
       zoomable: false,
     },

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts

@@ -0,0 +1,48 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE',
+  description: 'Simple force directed bubbles chart',
+  descriptionZh: '簡單力導向泡泡圖',
+  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: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts

@@ -1,20 +1,44 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_FIX_FONT_SIZE',
-  description: '基本Force Directed參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: 'Force directed chart with fixed font size',
+  descriptionZh: '固定字體大小的力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+  },
+  pluginParams: {
     ForceDirected: {
       dotLabel: {
         sizeFixed: true

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts

@@ -1,20 +1,44 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_NONE_ARROW',
-  description: 'Force Directed沒有箭頭',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: 'Force directed chart without arrows',
+  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"
+        ]
+      }
+    },
+  },
+  pluginParams: {
     ForceDirected: {
       arrow: {
         pointerWidth: 0,

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts

@@ -1,20 +1,44 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_NONE_ZOOM',
-  description: 'Force Directed無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
+  description: 'Force directed chart without mouse drag and zoom control',
+  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"
+        ]
+      }
+    },
+  },
+  pluginParams: {
     ForceDirected: {
       zoomable: false,
     },

package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts

@@ -0,0 +1,48 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_SIMPLE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_SIMPLE',
+  description: 'Simple force directed chart',
+  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"
+        ]
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {},
+    RelationshipLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/relationship/index.ts

@@ -3,6 +3,8 @@ export { PRESET_FORCE_DIRECTED_BUBBLES_BASIC } from './PRESET_FORCE_DIRECTED_BUB
 export { PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH } from './PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH'
 export { PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW } from './PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW'
 export { PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM } from './PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM'
+export { PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE } from './PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE'
 export { PRESET_FORCE_DIRECTED_NONE_ZOOM } from './PRESET_FORCE_DIRECTED_NONE_ZOOM'
 export { PRESET_FORCE_DIRECTED_FIX_FONT_SIZE } from './PRESET_FORCE_DIRECTED_FIX_FONT_SIZE'
-export { PRESET_FORCE_DIRECTED_NONE_ARROW } from './PRESET_FORCE_DIRECTED_NONE_ARROW'
+export { PRESET_FORCE_DIRECTED_NONE_ARROW } from './PRESET_FORCE_DIRECTED_NONE_ARROW'
+export { PRESET_FORCE_DIRECTED_SIMPLE } from './PRESET_FORCE_DIRECTED_SIMPLE'

package/src/series/PRESET_BUBBLES_BASIC.ts

@@ -0,0 +1,46 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_BASIC',
+  description: 'Basic bubble chart',
+  descriptionZh: '基本泡泡圖',
+  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 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts

@@ -1,13 +1,44 @@
 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: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
     Bubbles: {
       arcScaleType: 'radius'
     },

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -1,12 +1,42 @@
 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: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
     // 加長留空
     padding: {
       top: 160,
@@ -18,8 +48,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,53 @@
+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: [
+          "#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, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/series/PRESET_BUBBLES_SUM_SERIES.ts

@@ -0,0 +1,48 @@
+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: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#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,47 @@
 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: [
+          "#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
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     SeriesLegend: {
       listRectRadius: 7 // 圓型圖例列點
     }