@orbcharts/presets-basic 3.0.0-alpha.1 → 3.0.0-alpha.10

package/src/chartParamsFiles/CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT.ts

@@ -0,0 +1,15 @@
+import type { ChartParamsFile } from '../types'
+
+export const CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT: ChartParamsFile = {
+  id: 'CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT',
+  description: '間距下面留空及highlight系列',
+  data: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  }
+}

package/src/chartParamsFiles/CP_BOTTOM_SLIGHT_PADDING.ts

@@ -0,0 +1,14 @@
+import type { ChartParamsFile } from '../types'
+
+export const CP_BOTTOM_SLIGHT_PADDING: ChartParamsFile = {
+  id: 'CP_BOTTOM_SLIGHT_PADDING',
+  description: '間距下面些微留空',
+  data: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 40
+    },
+  }
+}

package/src/chartParamsFiles/CP_LEFT_PADDING.ts

@@ -2,13 +2,13 @@ import type { ChartParamsFile } from '../types'
 
 export const CP_LEFT_PADDING: ChartParamsFile = {
   id: 'CP_LEFT_PADDING',
-  description: '間距右邊留空',
+  description: '間距左邊留空',
   data: {
     padding: {
       top: 60,
       right: 60,
       bottom: 60,
-      left: 180
+      left: 160
     },
   }
 }

package/src/chartParamsFiles/CP_RIGHT_PADDING.ts

@@ -6,7 +6,7 @@ export const CP_RIGHT_PADDING: ChartParamsFile = {
   data: {
     padding: {
       top: 60,
-      right: 180,
+      right: 120,
       bottom: 60,
       left: 60
     },

package/src/chartParamsFiles/CP_TOP_AND_NO_BOTTOM_PADDING.ts

@@ -0,0 +1,14 @@
+import type { ChartParamsFile } from '../types'
+
+export const CP_TOP_AND_NO_BOTTOM_PADDING: ChartParamsFile = {
+  id: 'CP_TOP_AND_NO_BOTTOM_PADDING',
+  description: '間距上面留空下面不留空',
+  data: {
+    padding: {
+      top: 120,
+      right: 120,
+      bottom: 0,
+      left: 60
+    },
+  }
+}

package/src/chartParamsFiles/index.ts

@@ -1,5 +1,11 @@
+export { CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT } from './CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT'
+export { CP_BOTTOM_AND_LEFT_PADDING } from './CP_BOTTOM_AND_LEFT_PADDING'
 export { CP_BOTTOM_LONG_PADDING } from './CP_BOTTOM_LONG_PADDING'
+export { CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT } from './CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT'
 export { CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT } from './CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT'
+export { CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT } from './CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT'
 export { CP_BOTTOM_PADDING } from './CP_BOTTOM_PADDING'
+export { CP_BOTTOM_SLIGHT_PADDING } from './CP_BOTTOM_SLIGHT_PADDING'
 export { CP_LEFT_PADDING } from './CP_LEFT_PADDING'
+export { CP_TOP_AND_NO_BOTTOM_PADDING } from './CP_TOP_AND_NO_BOTTOM_PADDING'
 export { CP_RIGHT_PADDING } from './CP_RIGHT_PADDING'

package/src/gridDataFormatterFiles/DF_GRID_2_SERIES_SLOT.ts

@@ -0,0 +1,16 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_2_SERIES_SLOT: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_2_SERIES_SLOT',
+  chartType: 'grid',
+  description: '2個Series Slot',
+  data: {
+    grid: {
+      seriesSlotIndexes: [0, 1],
+    },
+    container: {
+      rowAmount: 1,
+      columnAmount: 2,
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_3_SERIES_SLOT.ts

@@ -0,0 +1,16 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_3_SERIES_SLOT: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_3_SERIES_SLOT',
+  chartType: 'grid',
+  description: '3個Series Slot',
+  data: {
+    grid: {
+      seriesSlotIndexes: [0, 1, 2],
+    },
+    container: {
+      rowAmount: 1,
+      columnAmount: 3,
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_4_SERIES_SLOT.ts

@@ -0,0 +1,16 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_4_SERIES_SLOT: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_4_SERIES_SLOT',
+  chartType: 'grid',
+  description: '4個Series Slot',
+  data: {
+    grid: {
+      seriesSlotIndexes: [0, 1, 2, 3],
+    },
+    container: {
+      rowAmount: 2,
+      columnAmount: 2,
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_BOTTOM_VALUE_AXIS.ts

@@ -0,0 +1,23 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_BOTTOM_VALUE_AXIS: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_BOTTOM_VALUE_AXIS',
+  chartType: 'grid',
+  description: '底部橫向資料圖軸',
+  data: {
+    grid: {
+      valueAxis: {
+        position: 'bottom'
+        // position: 'top'
+        // position: 'left'
+        // position: 'right'
+      },
+      groupAxis: {
+        position: 'left'
+        // position: 'right'
+        // position: 'bottom'
+        // position: 'top'
+      },
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING.ts

@@ -0,0 +1,18 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING',
+  chartType: 'grid',
+  description: '底部橫向資料圖軸及無群組圖軸的左右間距',
+  data: {
+    grid: {
+      valueAxis: {
+        position: 'bottom'
+      },
+      groupAxis: {
+        position: 'left',
+        scalePadding: 0
+      },
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_DIVERGING_SCALE.ts

@@ -0,0 +1,15 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_DIVERGING_SCALE: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_DIVERGING_SCALE',
+  chartType: 'grid',
+  description: '分向資料圖軸',
+  data: {
+    grid: {
+      valueAxis: {
+        scaleDomain: ['auto', 'auto'],
+        scaleRange: [0.05, 0.95],
+      },
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_NONE_GROUP_SCALE_PADDING.ts

@@ -0,0 +1,14 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_NONE_GROUP_SCALE_PADDING: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_NONE_GROUP_SCALE_PADDING',
+  chartType: 'grid',
+  description: '無群組圖軸的左右間距',
+  data: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  }
+}

package/src/gridDataFormatterFiles/index.ts

@@ -1 +1,7 @@
-export { DF_BOTTOM_VALUE_AXIS } from './DF_BOTTOM_VALUE_AXIS'
+export { DF_GRID_BOTTOM_VALUE_AXIS } from './DF_GRID_BOTTOM_VALUE_AXIS'
+export { DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING } from './DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING'
+export { DF_GRID_2_SERIES_SLOT } from './DF_GRID_2_SERIES_SLOT'
+export { DF_GRID_3_SERIES_SLOT } from './DF_GRID_3_SERIES_SLOT'
+export { DF_GRID_4_SERIES_SLOT } from './DF_GRID_4_SERIES_SLOT'
+export { DF_GRID_DIVERGING_SCALE } from './DF_GRID_DIVERGING_SCALE'
+export { DF_GRID_NONE_GROUP_SCALE_PADDING } from './DF_GRID_NONE_GROUP_SCALE_PADDING'

package/src/gridPluginParamsFiles/Dots/PP_DOTS_ONLY_SHOW_HIGHLIGHTED.ts

@@ -7,8 +7,6 @@ export const PP_DOTS_ONLY_SHOW_HIGHLIGHTED: PluginParamsFile<DotsParams> = {
   pluginName: 'Dots',
   description: '顯示highlight圓點',
   data: {
-    radius: 3,
-    fillColorType: 'series',
     onlyShowHighlighted: false
   }
 }

package/src/gridPluginParamsFiles/GridLegend/PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST.ts

@@ -0,0 +1,15 @@
+import type { PluginParamsFile } from '../../types'
+import type { GridLegendParams } from '@orbcharts/plugins-basic'
+
+export const PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST: PluginParamsFile<GridLegendParams> = {
+  id: 'PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST',
+  chartType: 'grid',
+  pluginName: 'GridLegend',
+  description: '底部圖例及圓弧列點',
+  data: {
+    position: 'bottom',
+    justify: 'center',
+    padding: 14,
+    listRectRadius: 7,
+  }
+}

package/src/gridPluginParamsFiles/GridLegend/index.ts

@@ -1,2 +1,3 @@
 export { PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST } from './PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'
+export { PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST } from './PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST'
 export { PP_GRID_LEGEND_BOTTOM } from './PP_GRID_LEGEND_BOTTOM'

package/src/gridPluginParamsFiles/GroupAxis/PP_GROUP_AXIS_ROTATE_LABEL.ts

@@ -7,6 +7,7 @@ export const PP_GROUP_AXIS_ROTATE_LABEL: PluginParamsFile<GroupAxisParams> = {
   pluginName: 'GroupAxis',
   description: '群組圖軸標籤文字傾斜',
   data: {
-    tickTextRotate: 40
+    tickPadding: 15,
+    tickTextRotate: -30
   }
 }

package/src/gridPluginParamsFiles/LineAreas/PP_LINE_AREAS_CURVE.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { LineAreasParams } from '@orbcharts/plugins-basic'
+
+export const PP_LINE_AREAS_CURVE: PluginParamsFile<LineAreasParams> = {
+  id: 'PP_LINE_AREAS_CURVE',
+  chartType: 'grid',
+  pluginName: 'LineAreas',
+  description: '圓弧折線圖',
+  data: {
+    lineCurve: 'curveMonotoneX',
+  }
+}

package/src/gridPluginParamsFiles/LineAreas/index.ts

@@ -0,0 +1 @@
+export { PP_LINE_AREAS_CURVE } from './PP_LINE_AREAS_CURVE'

package/src/gridPluginParamsFiles/index.ts

@@ -3,4 +3,5 @@ export * from './Dots'
 export * from './GridLegend'
 export * from './GroupAxis'
 export * from './Lines'
+export * from './LineAreas'
 // export * from './ValueAxis'

package/src/index.ts

@@ -14,12 +14,22 @@ export const PRESET_SERIES_BASIC = createSeriesPreset({
   description: '基本Series參數'
 })
 // Bubbles - PRESET_BUBBLES_[name]
+export const PRESET_BUBBLES_BASIC = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_SERIES_LEGEND_ROUND'],
+  description: '基本泡泡圖'
+})
 export const PRESET_BUBBLES_SCALING_BY_RADIUS = createSeriesPreset({
   // chartParamsId: 'CP_RIGHT_PADDING',
   allPluginParamsIds: ['PP_BUBBLES_SCALING_BY_RADIUS', 'PP_SERIES_LEGEND_ROUND'],
   description: '以半徑尺寸為比例的泡泡圖'
 })
 // Pie - PRESET_PIE_[name]
+export const PRESET_PIE_BASIC = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_SERIES_LEGEND_ROUND'],
+  description: '基本圓餅圖'
+})
 export const PRESET_PIE_WITH_INNER_LABELS = createSeriesPreset({
   // chartParamsId: 'CP_RIGHT_PADDING',
   allPluginParamsIds: ['PP_PIE_LABELS_INNER', 'PP_SERIES_LEGEND_ROUND'],
@@ -31,7 +41,7 @@ export const PRESET_PIE_DONUT = createSeriesPreset({
   description: '甜甜圈圖'
 })
 export const PRESET_PIE_HALF_DONUT = createSeriesPreset({
-  // chartParamsId: 'CP_RIGHT_PADDING',
+  chartParamsId: 'CP_TOP_AND_NO_BOTTOM_PADDING',
   allPluginParamsIds: ['PP_PIE_HALF_DONUT', 'PP_PIE_LABELS_HALF_ANGLE', 'PP_SERIES_LEGEND_ROUND'],
   description: '半圓甜甜圈圖'
 })
@@ -39,26 +49,55 @@ export const PRESET_PIE_HALF_DONUT = createSeriesPreset({
 // -- grid --
 // 通用 - PRESET_GRID_[name]
 export const PRESET_GRID_BASIC = createGridPreset({
-  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  chartParamsId: 'CP_BOTTOM_PADDING',
   allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
   description: '基本Grid參數'
 })
 export const PRESET_GRID_ROTATE_AXIS_LABEL = createGridPreset({
-  chartParamsId: 'CP_BOTTOM_PADDING',
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
   allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
   description: '傾斜標籤'
 })
+export const PRESET_GRID_HORIZONTAL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
+  dataFormatterId: 'DF_GRID_BOTTOM_VALUE_AXIS',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
+  description: '橫向圖'
+})
+export const PRESET_GRID_DIVERGING_SCALE = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  dataFormatterId: 'DF_GRID_DIVERGING_SCALE',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
+  description: '正負值分向圖'
+})
+export const PRESET_GRID_2_SERIES_SLOT = createGridPreset({
+  chartParamsId:  'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_GRID_2_SERIES_SLOT',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '2組Series圖表'
+})
+export const PRESET_GRID_3_SERIES_SLOT = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_GRID_3_SERIES_SLOT',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM', 'PP_GROUP_AXIS_ROTATE_LABEL'],
+  description: '3組Series圖表'
+})
+export const PRESET_GRID_4_SERIES_SLOT = createGridPreset({
+  chartParamsId:  'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_GRID_4_SERIES_SLOT',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '4組Series圖表'
+})
 // Bars - PRESET_BARS_[name]
 export const PRESET_BARS_ROUND = createGridPreset({
   chartParamsId: 'CP_BOTTOM_PADDING',
-  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
+  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST'],
   description: '圓角長條圖'
 })
-console.log(PRESET_BARS_ROUND)
 export const PRESET_BARS_HORIZONTAL_AND_ROUND = createGridPreset({
-  chartParamsId: 'CP_BOTTOM_PADDING',
-  dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
-  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
+  chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
+  dataFormatterId: 'DF_GRID_BOTTOM_VALUE_AXIS',
+  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST'],
   description: '橫向圓角長條圖'
 })
 export const PRESET_BARS_THIN = createGridPreset({
@@ -66,25 +105,41 @@ export const PRESET_BARS_THIN = createGridPreset({
   allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
   description: '細長條圖'
 })
-// export const PRESET_BARS_HORIZONTAL_AND_THIN = createGridPreset({
-//   chartParamsId: 'CP_BOTTOM_PADDING',
-//   dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
-//   allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
-//   description: '橫向細長條圖'
-// })
+export const PRESET_BARS_HORIZONTAL_AND_THIN = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
+  dataFormatterId: 'DF_GRID_BOTTOM_VALUE_AXIS',
+  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM_WITH_ROUND_LIST'],
+  description: '橫向圓角長條圖'
+})
 // Lines - PRESET_LINES_[name]
+export const PRESET_LINES_BASIC = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '基本Grid參數'
+})
+export const PRESET_LINES_ROTATE_AXIS_LABEL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '傾斜標籤'
+})
+export const PRESET_LINES_HORIZONTAL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_BOTTOM_VALUE_AXIS',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '橫向折線圖'
+})
 // export const PRESET_LINES_WITH_SOLID_DOTS = createGridPreset({
-//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
 //   allPluginParamsIds: ['PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
 //   description: '折線圖及實心圓點'
 // })
 export const PRESET_LINES_CURVE = createGridPreset({
-  chartParamsId: 'CP_BOTTOM_PADDING',
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
   allPluginParamsIds: ['PP_LINES_CURVE', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
   description: '弧線折線圖'
 })
 // export const PRESET_LINES_CURVES_WITH_SOLID_DOTS = createGridPreset({
-//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
 //   allPluginParamsIds: ['PP_LINES_CURVE', 'PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
 //   description: '弧線折線圖及實心圓點'
 // })
@@ -93,11 +148,107 @@ export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS = createGridPreset({
   allPluginParamsIds: ['PP_DOTS_ONLY_SHOW_HIGHLIGHTED', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
   description: '折線圖及Highlight Group圓點'
 })
+// LineAreas - PRESET_LINE_AREAS_[name]
+export const PRESET_LINE_AREAS_BASIC = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_NONE_GROUP_SCALE_PADDING',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '基本Grid參數'
+})
+export const PRESET_LINE_AREAS_ROTATE_AXIS_LABEL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_NONE_GROUP_SCALE_PADDING',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '傾斜標籤'
+})
+export const PRESET_LINE_AREAS_HORIZONTAL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_BOTTOM_VALUE_AXIS_AND_NONE_GROUP_SCALE_PADDING',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '橫向折線圖'
+})
+export const PRESET_LINE_AREAS_CURVE = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_NONE_GROUP_SCALE_PADDING',
+  allPluginParamsIds: ['PP_LINES_CURVE', 'PP_LINE_AREAS_CURVE', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '弧線折線圖'
+})
+export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT',
+  dataFormatterId: 'DF_GRID_NONE_GROUP_SCALE_PADDING',
+  allPluginParamsIds: ['PP_DOTS_ONLY_SHOW_HIGHLIGHTED', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '折線圖及Highlight Group圓點'
+})
+
 // -- multi-grid --
+// 通用 - PRESET_MULTI_GRID_[name]
+export const PRESET_MULTI_GRID_BASIC = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_RECT_AND_LINE_LIST'],
+  description: '基本MultiGrid參數'
+})
+export const PRESET_MULTI_GRID_ROUND_STYLE = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_ROUND_AND_LINE_LIST', 'PP_MULTI_BARS_ROUND', 'PP_MULTI_LINES_CURVE'],
+  description: 'MultiGrid圓弧風格'
+})
+export const PRESET_MULTI_GRID_2_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_2_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM', 'PP_MULTI_GROUP_AXIS_2_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_2_GRID_SLOT', 'PP_MULTI_BARS_2_GRID_SLOT', 'PP_MULTI_BAR_STACK_2_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_2_GRID_SLOT', 'PP_MULTI_LINES_2_GRID_SLOT'],
+  description: '2組Grid圖表'
+})
+export const PRESET_MULTI_GRID_3_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_3_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM', 'PP_MULTI_GROUP_AXIS_3_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_3_GRID_SLOT', 'PP_MULTI_BARS_3_GRID_SLOT', 'PP_MULTI_BAR_STACK_3_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_3_GRID_SLOT', 'PP_MULTI_LINES_3_GRID_SLOT'],
+  description: '3組Grid圖表'
+})
+export const PRESET_MULTI_GRID_4_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_4_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM', 'PP_MULTI_GROUP_AXIS_4_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_4_GRID_SLOT', 'PP_MULTI_BARS_4_GRID_SLOT', 'PP_MULTI_BAR_STACK_4_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_4_GRID_SLOT', 'PP_MULTI_LINES_4_GRID_SLOT'],
+  description: '4組Grid圖表'
+})
+// // MultiBars, MultiLines - PRESET_MULTI_BARS_MULTI_LINES_[name]
+// export const PRESET_MULTI_BARS_MULTI_LINES_BASIC = createMultiGridPreset({
+//   chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
+//   allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_RECT_AND_LINE_LIST'],
+//   description: '基本MultiGrid參數'
+// })
+// MultiLines - PRESET_MULTI_LINES_[name]
+// export const PRESET_MULTI_LINES_BASIC = createMultiGridPreset({
+//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+//   description: '基本MultiGrid參數'
+// })
+export const PRESET_MULTI_LINES_2_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_2_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_LINE_LIST', 'PP_MULTI_GROUP_AXIS_2_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_2_GRID_SLOT', 'PP_MULTI_BARS_2_GRID_SLOT', 'PP_MULTI_BAR_STACK_2_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_2_GRID_SLOT', 'PP_MULTI_LINES_2_GRID_SLOT'],
+  description: '2組折線圖表'
+})
+export const PRESET_MULTI_LINES_3_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_3_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_LINE_LIST', 'PP_MULTI_GROUP_AXIS_3_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_3_GRID_SLOT', 'PP_MULTI_BARS_3_GRID_SLOT', 'PP_MULTI_BAR_STACK_3_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_3_GRID_SLOT', 'PP_MULTI_LINES_3_GRID_SLOT'],
+  description: '3組折線圖表'
+})
+export const PRESET_MULTI_LINES_4_GRID_SLOT = createMultiGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  dataFormatterId: 'DF_MULTI_GRID_4_GRID_SLOT',
+  allPluginParamsIds: ['PP_MULTI_GRID_LEGEND_BOTTOM_WITH_LINE_LIST', 'PP_MULTI_GROUP_AXIS_4_GRID_SLOT', 'PP_MULTI_VALUE_AXIS_4_GRID_SLOT', 'PP_MULTI_BARS_4_GRID_SLOT', 'PP_MULTI_BAR_STACK_4_GRID_SLOT', 'PP_MULTI_BARS_TRIANGLE_4_GRID_SLOT', 'PP_MULTI_LINES_4_GRID_SLOT'],
+  description: '4組折線圖表'
+})
 
 // -- multi-value --
 
 // -- relationship --
 
 // -- tree --
-
+// 通用 - PRESET_TREE_[name]
+export const PRESET_TREE_BASIC = createTreePreset({
+  chartParamsId: 'CP_BOTTOM_SLIGHT_PADDING',
+  allPluginParamsIds: ['PP_TREE_LEGEND_BOTTOM'],
+  description: '基本Tree參數'
+})

package/src/multiGridDataFormatterFiles/DF_MULTI_GRID_2_GRID_SLOT.ts

@@ -0,0 +1,21 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_MULTI_GRID_2_GRID_SLOT: DataFormatterFile<'multiGrid'> = {
+  id: 'DF_MULTI_GRID_2_GRID_SLOT',
+  chartType: 'multiGrid',
+  description: '2個Grid Slot',
+  data: {
+    gridList: [
+      {
+        // slotIndex: 0
+      },
+      {
+        slotIndex: 1
+      }
+    ],
+    container: {
+      rowAmount: 1,
+      columnAmount: 2,
+    }
+  }
+}

package/src/multiGridDataFormatterFiles/DF_MULTI_GRID_3_GRID_SLOT.ts

@@ -0,0 +1,24 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_MULTI_GRID_3_GRID_SLOT: DataFormatterFile<'multiGrid'> = {
+  id: 'DF_MULTI_GRID_3_GRID_SLOT',
+  chartType: 'multiGrid',
+  description: '3個Grid Slot',
+  data: {
+    gridList: [
+      {
+        slotIndex: 0
+      },
+      {
+        slotIndex: 1
+      },
+      {
+        slotIndex: 2
+      }
+    ],
+    container: {
+      rowAmount: 1,
+      columnAmount: 3,
+    }
+  }
+}

package/src/multiGridDataFormatterFiles/DF_MULTI_GRID_4_GRID_SLOT.ts

@@ -0,0 +1,27 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_MULTI_GRID_4_GRID_SLOT: DataFormatterFile<'multiGrid'> = {
+  id: 'DF_MULTI_GRID_4_GRID_SLOT',
+  chartType: 'multiGrid',
+  description: '4個Grid Slot',
+  data: {
+    gridList: [
+      {
+        slotIndex: 0
+      },
+      {
+        slotIndex: 1
+      },
+      {
+        slotIndex: 2
+      },
+      {
+        slotIndex: 3
+      }
+    ],
+    container: {
+      rowAmount: 2,
+      columnAmount: 2,
+    }
+  }
+}

package/src/multiGridDataFormatterFiles/index.ts

@@ -1 +1,3 @@
-export const temp = {}
+export { DF_MULTI_GRID_2_GRID_SLOT } from './DF_MULTI_GRID_2_GRID_SLOT'
+export { DF_MULTI_GRID_3_GRID_SLOT } from './DF_MULTI_GRID_3_GRID_SLOT'
+export { DF_MULTI_GRID_4_GRID_SLOT } from './DF_MULTI_GRID_4_GRID_SLOT'

package/src/multiGridPluginParamsFiles/MultiBarStack/PP_MULTI_BAR_STACK_2_GRID_SLOT.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { MultiBarsParams } from '@orbcharts/plugins-basic'
+
+export const PP_MULTI_BAR_STACK_2_GRID_SLOT: PluginParamsFile<MultiBarsParams> = {
+  id: 'PP_MULTI_BAR_STACK_2_GRID_SLOT',
+  chartType: 'multiGrid',
+  pluginName: 'MultiBarStack',
+  description: '2組堆疊長條圖',
+  data: {
+    gridIndexes: [0, 1]
+  }
+}

package/src/multiGridPluginParamsFiles/MultiBarStack/PP_MULTI_BAR_STACK_3_GRID_SLOT.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { MultiBarsParams } from '@orbcharts/plugins-basic'
+
+export const PP_MULTI_BAR_STACK_3_GRID_SLOT: PluginParamsFile<MultiBarsParams> = {
+  id: 'PP_MULTI_BAR_STACK_3_GRID_SLOT',
+  chartType: 'multiGrid',
+  pluginName: 'MultiBarStack',
+  description: '3組堆疊長條圖',
+  data: {
+    gridIndexes: [0, 1, 2]
+  }
+}