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

package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts

@@ -5,12 +5,28 @@ import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '.
 export const PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS',
-  description: 'ScatterBubbles以半徑尺寸為比例',
+  description: '以半徑尺寸為比例的散布泡泡圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
     padding: {
       top: 60,
       right: 60,
-      bottom: 120,
+      bottom: 100,
       left: 60
     },
   },

package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts

@@ -0,0 +1,42 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  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: true
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts

@@ -0,0 +1,42 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SCATTER_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  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: true
+  },
+  allPluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/index.ts

@@ -1,4 +1,8 @@
 export { PRESET_MULTI_VALUE_BASIC } from './PRESET_MULTI_VALUE_BASIC'
 export { PRESET_MULTI_VALUE_SEPARATE_CATEGORY } from './PRESET_MULTI_VALUE_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_BASIC } from './PRESET_SCATTER_BASIC'
+export { PRESET_SCATTER_SEPARATE_CATEGORY } from './PRESET_SCATTER_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_BUBBLES_BASIC } from './PRESET_SCATTER_BUBBLES_BASIC'
 export { PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS } from './PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS'
-export { PRESET_SCATTER_BUBBLES_LINEAR_OPACITY } from './PRESET_SCATTER_BUBBLES_LINEAR_OPACITY'
+export { PRESET_SCATTER_BUBBLES_LINEAR_OPACITY } from './PRESET_SCATTER_BUBBLES_LINEAR_OPACITY'
+export { PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'

package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_BASIC: PresetPartial<'relationship', Partial<
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BASIC',
   description: '基本Force Directed參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship',
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
   description: '基本Force Directed Bubbles參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH: PresetPartial<'relat
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH',
   description: 'Force Directed Bubbles固定箭頭寬度',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW: PresetPartial<'relationsh
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW',
   description: 'Force Directed Bubbles沒有箭頭',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationshi
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM',
   description: 'Force Directed Bubbles無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: false,

package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship',
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_FIX_FONT_SIZE',
   description: '基本Force Directed參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Par
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_NONE_ARROW',
   description: 'Force Directed沒有箭頭',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: {

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts

@@ -6,14 +6,30 @@ export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Part
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_NONE_ZOOM',
   description: 'Force Directed無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
+  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: false,

package/src/series/PRESET_BUBBLES_BASIC.ts

@@ -0,0 +1,34 @@
+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_BUBBLES_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  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 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts

@@ -6,6 +6,24 @@ export const PRESET_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'series', Partial<P
 & Partial<PresetNoneDataPluginParams>> = {
   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: {

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -5,8 +5,24 @@ import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../ty
 export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   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,

package/src/series/PRESET_BUBBLES_SUM_SERIES.ts

@@ -0,0 +1,36 @@
+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_BUBBLES_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SUM_SERIES',
+  description: '合併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
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_SERIES,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}
+PRESET_BUBBLES_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_BASIC.ts

@@ -5,7 +5,25 @@ import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDat
 export const PRESET_PIE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_PIE_BASIC',
-  description: '基本Pie參數',
+  description: '基本圓餅圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },

package/src/series/PRESET_PIE_DONUT.ts

@@ -6,6 +6,24 @@ export const PRESET_PIE_DONUT: PresetPartial<'series', Partial<PresetSeriesPlugi
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_PIE_DONUT',
   description: '甜甜圈圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
   dataFormatter: {
     sort: (a, b) => b.value - a.value
   },

package/src/series/PRESET_PIE_HALF_DONUT.ts

@@ -7,9 +7,25 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
   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
     },
@@ -30,6 +46,7 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
     },
     PieEventTexts: {},
     SeriesLegend: {
+      placement: 'bottom',
       listRectRadius: 7 // 圓型圖例列點
     }
   }