@orbcharts/presets-basic 3.0.0-alpha.2 → 3.0.0-alpha.20

package/src/createPreset.ts

@@ -1,88 +1,88 @@
-import type { PresetPartial, ChartType, ChartParamsPartial, DataFormatterPartialTypeMap } from '@orbcharts/core'
-import type { ChartParamsFile, DataFormatterFile, PluginParamsFile, PresetFile } from './types'
-import * as chartParamsFiles from './chartParamsFiles'
-import * as seriesDataFormatterFiles from './seriesDataFormatterFiles'
-import * as seriesPluginParamsFiles from './seriesPluginParamsFiles'
-import * as gridDataFormatterFiles from './gridDataFormatterFiles'
-import * as gridPluginParamsFiles from './gridPluginParamsFiles'
-import * as multiGridDataFormatterFiles from './multiGridDataFormatterFiles'
-import * as multiGridPluginParamsFiles from './multiGridPluginParamsFiles'
-import * as multiValueDataFormatterFiles from './multiValueDataFormatterFiles'
-import * as multiValuePluginParamsFiles from './multiValuePluginParamsFiles'
-import * as relationshipDataFormatterFiles from './relationshipDataFormatterFiles'
-import * as relationshipPluginParamsFiles from './relationshipPluginParamsFiles'
-import * as treeDataFormatterFiles from './treeDataFormatterFiles'
-import * as treePluginParamsFiles from './treePluginParamsFiles'
-
-const dataFormatterFilesTypeMap = {
-  series: seriesDataFormatterFiles,
-  grid: gridDataFormatterFiles,
-  multiGrid: multiGridDataFormatterFiles,
-  multiValue: multiValueDataFormatterFiles,
-  relationship: relationshipDataFormatterFiles,
-  tree: treeDataFormatterFiles
-}
-
-const pluginParamsFilesTypeMap = {
-  series: seriesPluginParamsFiles,
-  grid: gridPluginParamsFiles,
-  multiGrid: multiGridPluginParamsFiles,
-  multiValue: multiValuePluginParamsFiles,
-  relationship: relationshipPluginParamsFiles,
-  tree: treePluginParamsFiles
-}
-
-const createBasePreset = <T extends ChartType>(chartType: T, presetFile: PresetFile<T>): PresetPartial<T> => {
-  const chartParams: ChartParamsPartial | undefined = presetFile.chartParamsId
-    ? chartParamsFiles[presetFile.chartParamsId].data
-    : undefined
-  // @ts-ignore
-  const dataFormatter: DataFormatterPartialTypeMap<T> | undefined = dataFormatterFilesTypeMap[chartType][presetFile.dataFormatterId]
-    // @ts-ignore
-    ? dataFormatterFilesTypeMap[chartType][presetFile.dataFormatterId].data
-    : undefined
-
-  const allPluginParams: {[key: string]: any} | undefined = presetFile.allPluginParamsIds
-    ? presetFile.allPluginParamsIds
-      .reduce((prev, current) => {
-        // @ts-ignore
-        if (pluginParamsFilesTypeMap[chartType][current]) {
-          // @ts-ignore
-          const pluginName = pluginParamsFilesTypeMap[chartType][current].pluginName
-          // @ts-ignore
-          prev[pluginName] = pluginParamsFilesTypeMap[chartType][current].data
-        }
-        return prev
-      }, {})
-    : undefined
-
-  return {
-    chartParams,
-    dataFormatter,
-    allPluginParams
-  }
-}
-
-export const createSeriesPreset = (presetFile: PresetFile<'series'>): PresetPartial<'series'> => {
-  return createBasePreset('series', presetFile)
-}
-
-export const createGridPreset = (presetFile: PresetFile<'grid'>): PresetPartial<'grid'> => {
-  return createBasePreset('grid', presetFile)
-}
-
-export const createMultiGridPreset = (presetFile: PresetFile<'multiGrid'>): PresetPartial<'multiGrid'> => {
-  return createBasePreset('multiGrid', presetFile)
-}
-
-export const createMultiValuePreset = (presetFile: PresetFile<'multiValue'>): PresetPartial<'multiValue'> => {
-  return createBasePreset('multiValue', presetFile)
-}
-
-export const createRelationshipPreset = (presetFile: PresetFile<'relationship'>): PresetPartial<'relationship'> => {
-  return createBasePreset('relationship', presetFile)
-}
-
-export const createTreePreset = (presetFile: PresetFile<'tree'>): PresetPartial<'tree'> => {
-  return createBasePreset('tree', presetFile)
+import type { PresetPartial, ChartType, ChartParamsPartial, DataFormatterPartialTypeMap } from '@orbcharts/core'
+import type { ChartParamsFile, DataFormatterFile, PluginParamsFile, PresetFile } from './types'
+import * as chartParamsFiles from './chartParamsFiles'
+import * as seriesDataFormatterFiles from './seriesDataFormatterFiles'
+import * as seriesPluginParamsFiles from './seriesPluginParamsFiles'
+import * as gridDataFormatterFiles from './gridDataFormatterFiles'
+import * as gridPluginParamsFiles from './gridPluginParamsFiles'
+import * as multiGridDataFormatterFiles from './multiGridDataFormatterFiles'
+import * as multiGridPluginParamsFiles from './multiGridPluginParamsFiles'
+import * as multiValueDataFormatterFiles from './multiValueDataFormatterFiles'
+import * as multiValuePluginParamsFiles from './multiValuePluginParamsFiles'
+import * as relationshipDataFormatterFiles from './relationshipDataFormatterFiles'
+import * as relationshipPluginParamsFiles from './relationshipPluginParamsFiles'
+import * as treeDataFormatterFiles from './treeDataFormatterFiles'
+import * as treePluginParamsFiles from './treePluginParamsFiles'
+
+const dataFormatterFilesTypeMap = {
+  series: seriesDataFormatterFiles,
+  grid: gridDataFormatterFiles,
+  multiGrid: multiGridDataFormatterFiles,
+  multiValue: multiValueDataFormatterFiles,
+  relationship: relationshipDataFormatterFiles,
+  tree: treeDataFormatterFiles
+}
+
+const pluginParamsFilesTypeMap = {
+  series: seriesPluginParamsFiles,
+  grid: gridPluginParamsFiles,
+  multiGrid: multiGridPluginParamsFiles,
+  multiValue: multiValuePluginParamsFiles,
+  relationship: relationshipPluginParamsFiles,
+  tree: treePluginParamsFiles
+}
+
+const createBasePreset = <T extends ChartType>(chartType: T, presetFile: PresetFile<T>): PresetPartial<T> => {
+  const chartParams: ChartParamsPartial | undefined = presetFile.chartParamsId
+    ? chartParamsFiles[presetFile.chartParamsId].data
+    : undefined
+  // @ts-ignore
+  const dataFormatter: DataFormatterPartialTypeMap<T> | undefined = dataFormatterFilesTypeMap[chartType][presetFile.dataFormatterId]
+    // @ts-ignore
+    ? dataFormatterFilesTypeMap[chartType][presetFile.dataFormatterId].data
+    : undefined
+
+  const allPluginParams: {[key: string]: any} | undefined = presetFile.allPluginParamsIds
+    ? presetFile.allPluginParamsIds
+      .reduce((prev, current) => {
+        // @ts-ignore
+        if (pluginParamsFilesTypeMap[chartType][current]) {
+          // @ts-ignore
+          const pluginName = pluginParamsFilesTypeMap[chartType][current].pluginName
+          // @ts-ignore
+          prev[pluginName] = pluginParamsFilesTypeMap[chartType][current].data
+        }
+        return prev
+      }, {})
+    : undefined
+
+  return {
+    chartParams,
+    dataFormatter,
+    allPluginParams
+  }
+}
+
+export const createSeriesPreset = (presetFile: PresetFile<'series'>): PresetPartial<'series'> => {
+  return createBasePreset('series', presetFile)
+}
+
+export const createGridPreset = (presetFile: PresetFile<'grid'>): PresetPartial<'grid'> => {
+  return createBasePreset('grid', presetFile)
+}
+
+export const createMultiGridPreset = (presetFile: PresetFile<'multiGrid'>): PresetPartial<'multiGrid'> => {
+  return createBasePreset('multiGrid', presetFile)
+}
+
+export const createMultiValuePreset = (presetFile: PresetFile<'multiValue'>): PresetPartial<'multiValue'> => {
+  return createBasePreset('multiValue', presetFile)
+}
+
+export const createRelationshipPreset = (presetFile: PresetFile<'relationship'>): PresetPartial<'relationship'> => {
+  return createBasePreset('relationship', presetFile)
+}
+
+export const createTreePreset = (presetFile: PresetFile<'tree'>): PresetPartial<'tree'> => {
+  return createBasePreset('tree', presetFile)
 }

package/src/gridDataFormatterFiles/DF_GRID_2_SERIES_SLOT.ts

@@ -0,0 +1,17 @@
+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],
+      separateSeries: true,
+    },
+    container: {
+      rowAmount: 1,
+      columnAmount: 2,
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_3_SERIES_SLOT.ts

@@ -0,0 +1,17 @@
+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],
+      separateSeries: true,
+    },
+    container: {
+      rowAmount: 1,
+      columnAmount: 3,
+    }
+  }
+}

package/src/gridDataFormatterFiles/DF_GRID_4_SERIES_SLOT.ts

@@ -0,0 +1,17 @@
+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],
+      separateSeries: true,
+    },
+    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/DF_GRID_SEPARATE_SERIES.ts

@@ -0,0 +1,17 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_GRID_SEPARATE_SERIES: DataFormatterFile<'grid'> = {
+  id: 'DF_GRID_SEPARATE_SERIES',
+  chartType: 'grid',
+  description: '分開顯示Series',
+  data: {
+    grid: {
+      // seriesSlotIndexes: [0, 1],
+      separateSeries: true,
+    },
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 2,
+    // }
+  }
+}

package/src/gridDataFormatterFiles/DF_LINE_AREAS_2_SERIES_SLOT.ts

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

package/src/gridDataFormatterFiles/DF_LINE_AREAS_3_SERIES_SLOT.ts

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

package/src/gridDataFormatterFiles/DF_LINE_AREAS_4_SERIES_SLOT.ts

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

package/src/gridDataFormatterFiles/DF_LINE_AREAS_SEPARATE_SERIES.ts

@@ -0,0 +1,20 @@
+import type { DataFormatterFile } from '../types'
+
+export const DF_LINE_AREAS_SEPARATE_SERIES: DataFormatterFile<'grid'> = {
+  id: 'DF_LINE_AREAS_SEPARATE_SERIES',
+  chartType: 'grid',
+  description: 'LineAreas 分開顯示Series',
+  data: {
+    grid: {
+      // seriesSlotIndexes: [0, 1],
+      separateSeries: true,
+      groupAxis: {
+        scalePadding: 0
+      }
+    },
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 2,
+    // }
+  }
+}

package/src/gridDataFormatterFiles/index.ts

@@ -1 +1,12 @@
-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_SEPARATE_SERIES } from './DF_GRID_SEPARATE_SERIES'
+export { DF_GRID_DIVERGING_SCALE } from './DF_GRID_DIVERGING_SCALE'
+export { DF_GRID_NONE_GROUP_SCALE_PADDING } from './DF_GRID_NONE_GROUP_SCALE_PADDING'
+// export { DF_LINE_AREAS_2_SERIES_SLOT } from './DF_LINE_AREAS_2_SERIES_SLOT'
+// export { DF_LINE_AREAS_3_SERIES_SLOT } from './DF_LINE_AREAS_3_SERIES_SLOT'
+// export { DF_LINE_AREAS_4_SERIES_SLOT } from './DF_LINE_AREAS_4_SERIES_SLOT'
+export { DF_LINE_AREAS_SEPARATE_SERIES } from './DF_LINE_AREAS_SEPARATE_SERIES'

package/src/gridPluginParamsFiles/Bars/PP_BARS_ROUND.ts

@@ -1,15 +1,15 @@
-import type { PluginParamsFile } from '../../types'
-import type { BarsParams } from '@orbcharts/plugins-basic'
-
-export const PP_BARS_ROUND: PluginParamsFile<BarsParams> = {
-  id: 'PP_BARS_ROUND',
-  chartType: 'grid',
-  pluginName: 'Bars',
-  description: '圓角長條圖',
-  data: {
-    barWidth: 0,
-    barPadding: 1,
-    barGroupPadding: 10,
-    barRadius: true,
-  }
+import type { PluginParamsFile } from '../../types'
+import type { BarsParams } from '@orbcharts/plugins-basic'
+
+export const PP_BARS_ROUND: PluginParamsFile<BarsParams> = {
+  id: 'PP_BARS_ROUND',
+  chartType: 'grid',
+  pluginName: 'Bars',
+  description: '圓角長條圖',
+  data: {
+    barWidth: 0,
+    barPadding: 1,
+    barGroupPadding: 10,
+    barRadius: true,
+  }
 }

package/src/gridPluginParamsFiles/Bars/PP_BARS_THIN.ts

@@ -1,14 +1,14 @@
-import type { PluginParamsFile } from '../../types'
-import type { BarsParams } from '@orbcharts/plugins-basic'
-
-export const PP_BARS_THIN: PluginParamsFile<BarsParams> = {
-  id: 'PP_BARS_THIN',
-  chartType: 'grid',
-  pluginName: 'Bars',
-  description: '圓角長條圖',
-  data: {
-    barWidth: 20,
-    barPadding: 1,
-    barGroupPadding: 10
-  }
-}
+import type { PluginParamsFile } from '../../types'
+import type { BarsParams } from '@orbcharts/plugins-basic'
+
+export const PP_BARS_THIN: PluginParamsFile<BarsParams> = {
+  id: 'PP_BARS_THIN',
+  chartType: 'grid',
+  pluginName: 'Bars',
+  description: '圓角長條圖',
+  data: {
+    barWidth: 20,
+    barPadding: 1,
+    barGroupPadding: 10
+  }
+}

package/src/gridPluginParamsFiles/Bars/index.ts

@@ -1,2 +1,2 @@
-export { PP_BARS_ROUND } from './PP_BARS_ROUND'
+export { PP_BARS_ROUND } from './PP_BARS_ROUND'
 export { PP_BARS_THIN } from './PP_BARS_THIN'

package/src/gridPluginParamsFiles/Dots/PP_DOTS_ONLY_SHOW_HIGHLIGHTED.ts

@@ -1,14 +1,12 @@
-import type { PluginParamsFile } from '../../types'
-import type { DotsParams } from '@orbcharts/plugins-basic'
-
-export const PP_DOTS_ONLY_SHOW_HIGHLIGHTED: PluginParamsFile<DotsParams> = {
-  id: 'PP_DOTS_ONLY_SHOW_HIGHLIGHTED',
-  chartType: 'grid',
-  pluginName: 'Dots',
-  description: '顯示highlight圓點',
-  data: {
-    radius: 3,
-    fillColorType: 'series',
-    onlyShowHighlighted: false
-  }
-}
+import type { PluginParamsFile } from '../../types'
+import type { DotsParams } from '@orbcharts/plugins-basic'
+
+export const PP_DOTS_ONLY_SHOW_HIGHLIGHTED: PluginParamsFile<DotsParams> = {
+  id: 'PP_DOTS_ONLY_SHOW_HIGHLIGHTED',
+  chartType: 'grid',
+  pluginName: 'Dots',
+  description: '顯示highlight圓點',
+  data: {
+    onlyShowHighlighted: false
+  }
+}

package/src/gridPluginParamsFiles/Dots/PP_DOTS_SOLID.ts

@@ -1,14 +1,14 @@
-import type { PluginParamsFile } from '../../types'
-import type { DotsParams } from '@orbcharts/plugins-basic'
-
-export const PP_DOTS_SOLID: PluginParamsFile<DotsParams> = {
-  id: 'PP_DOTS_SOLID',
-  chartType: 'grid',
-  pluginName: 'Dots',
-  description: '實心圓點',
-  data: {
-    radius: 3,
-    fillColorType: 'series',
-    onlyShowHighlighted: false
-  }
-}
+import type { PluginParamsFile } from '../../types'
+import type { DotsParams } from '@orbcharts/plugins-basic'
+
+export const PP_DOTS_SOLID: PluginParamsFile<DotsParams> = {
+  id: 'PP_DOTS_SOLID',
+  chartType: 'grid',
+  pluginName: 'Dots',
+  description: '實心圓點',
+  data: {
+    radius: 3,
+    fillColorType: 'series',
+    onlyShowHighlighted: false
+  }
+}

package/src/gridPluginParamsFiles/Dots/index.ts

@@ -1,2 +1,2 @@
-export { PP_DOTS_ONLY_SHOW_HIGHLIGHTED } from './PP_DOTS_ONLY_SHOW_HIGHLIGHTED'
+export { PP_DOTS_ONLY_SHOW_HIGHLIGHTED } from './PP_DOTS_ONLY_SHOW_HIGHLIGHTED'
 export { PP_DOTS_SOLID } from './PP_DOTS_SOLID'

package/src/gridPluginParamsFiles/GridLegend/PP_GRID_LEGEND_BOTTOM.ts

@@ -1,14 +1,14 @@
-import type { PluginParamsFile } from '../../types'
-import type { GridLegendParams } from '@orbcharts/plugins-basic'
-
-export const PP_GRID_LEGEND_BOTTOM: PluginParamsFile<GridLegendParams> = {
-  id: 'PP_GRID_LEGEND_BOTTOM',
-  chartType: 'grid',
-  pluginName: 'GridLegend',
-  description: '底部圖例',
-  data: {
-    position: 'bottom',
-    justify: 'center',
-    padding: 14,
-  }
+import type { PluginParamsFile } from '../../types'
+import type { GridLegendParams } from '@orbcharts/plugins-basic'
+
+export const PP_GRID_LEGEND_BOTTOM: PluginParamsFile<GridLegendParams> = {
+  id: 'PP_GRID_LEGEND_BOTTOM',
+  chartType: 'grid',
+  pluginName: 'GridLegend',
+  description: '底部圖例',
+  data: {
+    position: 'bottom',
+    justify: 'center',
+    padding: 14,
+  }
 }

package/src/gridPluginParamsFiles/GridLegend/PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST.ts

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

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_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'