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

package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts

@@ -1,11 +1,11 @@
 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_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_SCATTER_BUBBLES_BASIC',
-  description: '基本的散布泡泡圖',
+  description: 'Basic Scatter Bubbles',
+  descriptionZh: '基本的散布泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -24,16 +24,17 @@ export const PRESET_SCATTER_BUBBLES_BASIC: PresetPartial<'multiValue', Partial<P
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     }
   }
 }

package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts

@@ -1,11 +1,11 @@
 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_LINEAR_OPACITY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_SCATTER_BUBBLES_LINEAR_OPACITY',
-  description: '漸變透明度的散布泡泡圖',
+  description: 'Scatter Bubbles with Linear Opacity',
+  descriptionZh: '漸變透明度的散布泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -24,16 +24,17 @@ export const PRESET_SCATTER_BUBBLES_LINEAR_OPACITY: PresetPartial<'multiValue',
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     },
     ScatterBubbles: {
       valueLinearOpacity: [0.6, 0.95]

package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts

@@ -1,11 +1,11 @@
 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_SCALING_BY_RADIUS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS',
-  description: '以半徑尺寸為比例的散布泡泡圖',
+  description: 'Scatter Bubbles with Radius Scaling',
+  descriptionZh: '以半徑尺寸為比例的散布泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -24,16 +24,17 @@ export const PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'multiValue
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     },
     ScatterBubbles: {
       arcScaleType: 'radius'

package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts

@@ -1,11 +1,11 @@
 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的散布泡泡圖',
+  description: 'Scatter Bubbles with Separate Category',
+  descriptionZh: '分開顯示category的散布泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -24,19 +24,20 @@ export const PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY: PresetPartial<'multiValue
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
   dataFormatter: {
     separateCategory: true
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     }
   }
 }

package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts

@@ -0,0 +1,40 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BUBBLES_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BUBBLES_SIMPLE',
+  description: 'Simple Scatter Bubbles',
+  descriptionZh: '簡單的散布泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts

@@ -1,11 +1,11 @@
 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的散布圖',
+  description: 'Scatter with Separate Category',
+  descriptionZh: '分開顯示category的散布圖',
   chartParams: {
     colors: {
       light: {
@@ -24,19 +24,28 @@ export const PRESET_SCATTER_SEPARATE_CATEGORY: PresetPartial<'multiValue', Parti
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
   dataFormatter: {
     separateCategory: true
   },
-  allPluginParams: {
+  pluginParams: {
+    XYAxes: {
+      xAxis: {
+        ticks: 3,
+      },
+      yAxis: {
+        ticks: 3,
+      }
+    },
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     }
   }
 }

package/src/multiValue/PRESET_SCATTER_SIMPLE.ts

@@ -0,0 +1,40 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_SIMPLE',
+  description: 'Simple Scatter',
+  descriptionZh: '簡單散布圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/index.ts

@@ -1,8 +1,19 @@
 export { PRESET_MULTI_VALUE_BASIC } from './PRESET_MULTI_VALUE_BASIC'
 export { PRESET_MULTI_VALUE_SEPARATE_CATEGORY } from './PRESET_MULTI_VALUE_SEPARATE_CATEGORY'
+export { PRESET_MULTI_VALUE_SIMPLE } from './PRESET_MULTI_VALUE_SIMPLE'
+export { PRESET_RACING_BARS_ALL_ITEMS } from './PRESET_RACING_BARS_ALL_ITEMS'
+export { PRESET_RACING_BARS_BASIC } from './PRESET_RACING_BARS_BASIC'
+export { PRESET_RACING_BARS_FAST } from './PRESET_RACING_BARS_FAST'
+export { PRESET_RACING_BARS_FASTER } from './PRESET_RACING_BARS_FASTER'
+export { PRESET_RACING_BARS_OUTSIDE_LABELS } from './PRESET_RACING_BARS_OUTSIDE_LABELS'
+export { PRESET_RACING_BARS_SEPARATE_CATEGORY } from './PRESET_RACING_BARS_SEPARATE_CATEGORY'
+export { PRESET_RACING_BARS_SIMPLE } from './PRESET_RACING_BARS_SIMPLE'
+export { PRESET_RACING_BARS_STOP } from './PRESET_RACING_BARS_STOP'
 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_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_BUBBLES_SIMPLE } from './PRESET_SCATTER_BUBBLES_SIMPLE'
+export { PRESET_SCATTER_SEPARATE_CATEGORY } from './PRESET_SCATTER_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_SIMPLE } from './PRESET_SCATTER_SIMPLE'

package/src/params.ts

@@ -22,7 +22,7 @@ export const ALL_PLUGIN_PARAMS_SERIES: PresetSeriesPluginParams = {
 export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
   Bars: {},
   BarsPN: {},
-  StackedBar: {},
+  StackedBars: {},
   BarsTriangle: {},
   Dots: {},
   GridLegend: {},
@@ -31,14 +31,14 @@ export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
   GroupAxis: {},
   LineAreas: {},
   Lines: {},
-  GridZoom: {},
+  GroupZoom: {},
   ValueAxis: {},
   StackedValueAxis: {},
 }
 
 export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
   MultiBars: {},
-  MultiStackedBar: {},
+  MultiStackedBars: {},
   MultiBarsTriangle: {},
   MultiDots: {},
   MultiGridLegend: {},
@@ -55,11 +55,14 @@ export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
 export const ALL_PLUGIN_PARAMS_MULTI_VALUE: PresetMultiValuePluginParams = {
   MultiValueLegend: {},
   MultiValueTooltip: {},
+  RacingBars: {},
+  RacingCounterTexts: {},
+  RacingValueAxis: {},
   Scatter: {},
   ScatterBubbles: {},
   XYAxes: {},
   XYAux: {},
-  XYZoom: {}
+  XZoom: {}
 }
 
 export const ALL_PLUGIN_PARAMS_RELATIONSHIP: PresetRelationshipPluginParams = {

package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts

@@ -1,11 +1,11 @@
 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_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BASIC',
-  description: '基本Force Directed參數',
+  description: 'Basic Force Directed Chart',
+  descriptionZh: '基本力導向圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_BASIC: PresetPartial<'relationship', Partial<
         ],
       }
     },
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {},
     RelationshipLegend: {
       listRectRadius: 7 // 圓型圖例列點

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts

@@ -1,11 +1,11 @@
 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_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
-  description: '基本Force Directed Bubbles參數',
+  description: 'Basic Force Directed Bubbles Chart',
+  descriptionZh: '基本力導向泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship',
         ],
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {},
     RelationshipLegend: {
       listRectRadius: 7 // 圓型圖例列點

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts

@@ -1,11 +1,11 @@
 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_FIX_ARROW_WIDTH: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH',
-  description: 'Force Directed Bubbles固定箭頭寬度',
+  description: 'Force-directed bubble chart with fixed arrow width',
+  descriptionZh: '固定箭頭寬度的力導向泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH: PresetPartial<'relat
         ],
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         strokeWidthMin: 1.5,

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts

@@ -1,11 +1,11 @@
 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_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW',
-  description: 'Force Directed Bubbles沒有箭頭',
+  description: 'Force-directed bubble chart without arrows',
+  descriptionZh: '沒有箭頭的力導向泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -23,20 +23,12 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW: PresetPartial<'relationsh
         ],
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       arrow: {
         pointerWidth: 0,
         pointerHeight: 0,
-        // strokeWidthMin: 1.5,
-        // strokeWidthMax: 9
       }
     },
     RelationshipLegend: {

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts

@@ -1,11 +1,11 @@
 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無滑鼠托曳及縮放控制',
+  description: 'Force Directed Bubbles Chart without mouse drag and zoom control',
+  descriptionZh: '無滑鼠托曳及縮放控制的力導向泡泡圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationshi
         ],
       }
     }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirectedBubbles: {
       zoomable: false,
     },

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts

@@ -0,0 +1,34 @@
+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: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts

@@ -1,11 +1,11 @@
 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參數',
+  description: 'Force Directed Chart with fixed font size',
+  descriptionZh: '固定字體大小的力導向圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship',
         ],
       }
     },
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       dotLabel: {
         sizeFixed: true

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts

@@ -1,11 +1,11 @@
 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沒有箭頭',
+  description: 'Force Directed Chart without Arrows',
+  descriptionZh: '沒有箭頭的力導向圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Par
         ],
       }
     },
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       arrow: {
         pointerWidth: 0,

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts

@@ -1,11 +1,11 @@
 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無滑鼠托曳及縮放控制',
+  description: 'Force Directed Chart without mouse drag and zoom control',
+  descriptionZh: '無滑鼠托曳及縮放控制的力導向圖',
   chartParams: {
     colors: {
       light: {
@@ -23,14 +23,8 @@ export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Part
         ],
       }
     },
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
   },
-  allPluginParams: {
+  pluginParams: {
     ForceDirected: {
       zoomable: false,
     },

package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts

@@ -0,0 +1,34 @@
+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: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+  },
+  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'