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

package/package.json

@@ -1,43 +1,43 @@
-{
-  "name": "@orbcharts/presets-basic",
-  "version": "3.0.0-alpha.2",
-  "description": "presets for OrbCharts",
-  "author": "Blue Planet Inc.",
-  "license": "Apache-2.0",
-  "keywords": [
-    "d3",
-    "rxjs",
-    "svg",
-    "visualization",
-    "infographic",
-    "graph",
-    "chart"
-  ],
-  "private": false,
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "*"
-  ],
-  "module": "./dist/orbcharts-presets-basic.es.js",
-  "types": "./dist/src/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "vite build --mode release"
-  },
-  "devDependencies": {
-    "@types/d3": "^7.4.0",
-    "ts-loader": "^9.4.2",
-    "typescript": "^5.0.4",
-    "vite": "^5.3.5",
-    "vite-plugin-dts": "^3.7.3"
-  },
-  "dependencies": {
-    "@orbcharts/core": "^3.0.0-alpha.26",
-    "@orbcharts/plugins-basic": "^3.0.0-alpha.30",
-    "d3": "^7.8.5",
-    "rxjs": "^7.8.1"
-  }
-}
+{
+  "name": "@orbcharts/presets-basic",
+  "version": "3.0.0-alpha.3",
+  "description": "presets for OrbCharts",
+  "author": "Blue Planet Inc.",
+  "license": "Apache-2.0",
+  "keywords": [
+    "d3",
+    "rxjs",
+    "svg",
+    "visualization",
+    "infographic",
+    "graph",
+    "chart"
+  ],
+  "private": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "*"
+  ],
+  "module": "./dist/orbcharts-presets-basic.es.js",
+  "types": "./dist/src/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build --mode release"
+  },
+  "devDependencies": {
+    "@types/d3": "^7.4.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.0.4",
+    "vite": "^5.3.5",
+    "vite-plugin-dts": "^3.7.3"
+  },
+  "dependencies": {
+    "@orbcharts/core": "^3.0.0-alpha.26",
+    "@orbcharts/plugins-basic": "^3.0.0-alpha.30",
+    "d3": "^7.8.5",
+    "rxjs": "^7.8.1"
+  }
+}

package/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING.ts

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

package/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT.ts

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

package/src/chartParamsFiles/CP_BOTTOM_LONG_PADDING.ts

@@ -1,14 +1,14 @@
-import type { ChartParamsFile } from '../types'
-
-export const CP_BOTTOM_LONG_PADDING: ChartParamsFile = {
-  id: 'CP_BOTTOM_LONG_PADDING',
-  description: '間距下面加長留空',
-  data: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 180,
-      left: 60
-    },
-  }
+import type { ChartParamsFile } from '../types'
+
+export const CP_BOTTOM_LONG_PADDING: ChartParamsFile = {
+  id: 'CP_BOTTOM_LONG_PADDING',
+  description: '間距下面加長留空',
+  data: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 140,
+      left: 60
+    },
+  }
 }

package/src/chartParamsFiles/CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT.ts

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

package/src/chartParamsFiles/CP_BOTTOM_PADDING.ts

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

package/src/chartParamsFiles/CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT.ts

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

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_LEFT_PADDING.ts

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

package/src/chartParamsFiles/CP_RIGHT_PADDING.ts

@@ -1,14 +1,14 @@
-import type { ChartParamsFile } from '../types'
-
-export const CP_RIGHT_PADDING: ChartParamsFile = {
-  id: 'CP_RIGHT_PADDING',
-  description: '間距右邊留空',
-  data: {
-    padding: {
-      top: 60,
-      right: 180,
-      bottom: 60,
-      left: 60
-    },
-  }
+import type { ChartParamsFile } from '../types'
+
+export const CP_RIGHT_PADDING: ChartParamsFile = {
+  id: 'CP_RIGHT_PADDING',
+  description: '間距右邊留空',
+  data: {
+    padding: {
+      top: 60,
+      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: 140,
+      right: 120,
+      bottom: 0,
+      left: 60
+    },
+  }
+}

package/src/chartParamsFiles/index.ts

@@ -1,5 +1,10 @@
-export { CP_BOTTOM_LONG_PADDING } from './CP_BOTTOM_LONG_PADDING'
-export { CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT } from './CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT'
-export { CP_BOTTOM_PADDING } from './CP_BOTTOM_PADDING'
-export { CP_LEFT_PADDING } from './CP_LEFT_PADDING'
+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_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/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_BOTTOM_VALUE_AXIS.ts

@@ -1,16 +1,16 @@
-import type { DataFormatterFile } from '../types'
-import type { BarsParams } from '@orbcharts/plugins-basic'
-
-export const DF_BOTTOM_VALUE_AXIS: DataFormatterFile<'grid'> = {
-  id: 'DF_BOTTOM_VALUE_AXIS',
-  chartType: 'grid',
-  description: '底部橫向資料圖軸',
-  data: {
-    valueAxis: {
-      position: 'bottom'
-    },
-    groupAxis: {
-      position: 'left'
-    },
-  }
+import type { DataFormatterFile } from '../types'
+import type { BarsParams } from '@orbcharts/plugins-basic'
+
+export const DF_BOTTOM_VALUE_AXIS: DataFormatterFile<'grid'> = {
+  id: 'DF_BOTTOM_VALUE_AXIS',
+  chartType: 'grid',
+  description: '底部橫向資料圖軸',
+  data: {
+    valueAxis: {
+      position: 'bottom'
+    },
+    groupAxis: {
+      position: 'left'
+    },
+  }
 }

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
+  }
+}