@orbcharts/presets-basic 3.0.0-alpha.22 → 3.0.0-alpha.23

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_4_GRID_SLOT.ts

@@ -0,0 +1,121 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { 
+  PresetMultiGroupAxisParams,
+  PresetMultiValueAxisParams,
+  PresetMultiValueStackAxisParams,
+  PresetMultiBarsParams,
+  PresetMultiBarStackParams,
+  PresetMultiBarsTriangleParams,
+  PresetMultiLinesParams,
+  PresetMultiLineAreasParams,
+  PresetMultiDotsParams,
+  PresetMultiGridLegendParams,
+  PresetNoneDataPluginParams
+} from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_MULTI_LINE_AREAS_4_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINE_AREAS_4_GRID_SLOT',
+  description: '4組區域圖表',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      {
+        // slotIndex: 0
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 1,
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 2,
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 2,
+        groupAxis: {
+          scalePadding: 0
+        }
+      }
+    ],
+    separateGrid: true,
+    // container: {
+    //   rowAmount: 2,
+    //   columnAmount: 2,
+    // }
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1, 2, 3]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/index.ts

@@ -0,0 +1,12 @@
+export { PRESET_MULTI_GRID_DIVERGING } from './PRESET_MULTI_GRID_DIVERGING'
+export { PRESET_MULTI_GRID_2_GRID_SLOT } from './PRESET_MULTI_GRID_2_GRID_SLOT'
+export { PRESET_MULTI_GRID_3_GRID_SLOT } from './PRESET_MULTI_GRID_3_GRID_SLOT'
+export { PRESET_MULTI_GRID_4_GRID_SLOT } from './PRESET_MULTI_GRID_4_GRID_SLOT'
+export { PRESET_MULTI_GRID_BASIC } from './PRESET_MULTI_GRID_BASIC'
+export { PRESET_MULTI_GRID_ROUND_STYLE } from './PRESET_MULTI_GRID_ROUND_STYLE'
+export { PRESET_MULTI_LINE_AREAS_2_GRID_SLOT } from './PRESET_MULTI_LINE_AREAS_2_GRID_SLOT'
+export { PRESET_MULTI_LINE_AREAS_3_GRID_SLOT } from './PRESET_MULTI_LINE_AREAS_3_GRID_SLOT'
+export { PRESET_MULTI_LINE_AREAS_4_GRID_SLOT } from './PRESET_MULTI_LINE_AREAS_4_GRID_SLOT'
+export { PRESET_MULTI_LINES_2_GRID_SLOT } from './PRESET_MULTI_LINES_2_GRID_SLOT'
+export { PRESET_MULTI_LINES_3_GRID_SLOT } from './PRESET_MULTI_LINES_3_GRID_SLOT'
+export { PRESET_MULTI_LINES_4_GRID_SLOT } from './PRESET_MULTI_LINES_4_GRID_SLOT'

package/src/params.ts

@@ -0,0 +1,57 @@
+import type {
+  PresetSeriesPluginParams,
+  PresetGridPluginParams,
+  PresetMultiGridPluginParams,
+  PresetTreePluginParams,
+  PresetNoneDataPluginParams
+} from './types'
+
+export const ALL_PLUGIN_PARAMS_SERIES: PresetSeriesPluginParams = {
+  Bubbles: {},
+  Pie: {},
+  PieEventTexts: {},
+  PieLabels: {},
+  Rose: {},
+  RoseLabels: {},
+  SeriesLegend: {},
+}
+
+export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
+  Bars: {},
+  BarsPN: {},
+  BarStack: {},
+  BarsTriangle: {},
+  Dots: {},
+  GridLegend: {},
+  GroupAux: {},
+  GroupAxis: {},
+  LineAreas: {},
+  Lines: {},
+  ScalingArea: {},
+  ValueAxis: {},
+  ValueStackAxis: {},
+}
+
+export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
+  MultiBars: {},
+  MultiBarStack: {},
+  MultiBarsTriangle: {},
+  MultiDots: {},
+  MultiGridLegend: {},
+  MultiGroupAxis: {},
+  MultiLineAreas: {},
+  MultiLines: {},
+  MultiValueAxis: {},
+  MultiValueStackAxis: {},
+  OverlappingValueAxes: {},
+  OverlappingValueStackAxes: {},
+}
+
+export const ALL_PLUGIN_PARAMS_TREE: PresetTreePluginParams = {
+  TreeLegend: {},
+  TreeMap: {},
+}
+
+export const ALL_PLUGIN_PARAMS_NONE_DATA: PresetNoneDataPluginParams = {
+  Tooltip: {},
+}

package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts

@@ -0,0 +1,19 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetBubblesParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'series', PresetBubblesParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_BUBBLES_SCALING_BY_RADIUS',
+  description: '以半徑尺寸為比例的泡泡圖',
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Bubbles: {
+      arcScaleType: 'radius'
+    },
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  },
+}

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -0,0 +1,29 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetBubblesParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', PresetBubblesParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_BUBBLES_SEPARATE_SERIES',
+  description: '分開顯示Series泡泡',
+  chartParams: {
+    // 加長留空
+    padding: {
+      top: 160,
+      right: 160,
+      bottom: 160,
+      left: 160
+    },
+  },
+  dataFormatter: {
+    separateSeries: true,
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Bubbles: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_PIE_DONUT.ts

@@ -0,0 +1,23 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetPieParams, PresetPieLabelsParams, PresetPieEventTextsParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_PIE_DONUT: PresetPartial<'series', PresetPieParams
+& PresetPieLabelsParams
+& PresetPieEventTextsParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_PIE_DONUT',
+  description: '甜甜圈圖',
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Pie: {
+      innerRadius: 0.5
+    },
+    PieLabels: {},
+    PieEventTexts: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_PIE_HALF_DONUT.ts

@@ -0,0 +1,36 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetPieParams, PresetPieLabelsParams, PresetPieEventTextsParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', PresetPieParams
+& PresetPieLabelsParams
+& PresetPieEventTextsParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_PIE_HALF_DONUT',
+  description: '半圓甜甜圈圖',
+  chartParams: {
+    padding: {
+      top: 120,
+      right: 120,
+      bottom: 0,
+      left: 60
+    },
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Pie: {
+      innerRadius: 0.5,
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieLabels: {
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieEventTexts: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts

@@ -0,0 +1,24 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetPieParams, PresetPieLabelsParams, PresetPieEventTextsParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_PIE_WITH_INNER_LABELS: PresetPartial<'series', PresetPieParams
+& PresetPieLabelsParams
+& PresetPieEventTextsParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_PIE_WITH_INNER_LABELS',
+  description: '圓餅圖及內部資料標籤',
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Pie: {},
+    PieLabels: {
+      "labelCentroid": 1.3, // 圖內資料標籤
+      "labelColorType": "primary"
+    },
+    PieEventTexts: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts

@@ -0,0 +1,23 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetRoseParams, PresetRoseLabelsParams, PresetSeriesLegendParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_ROSE_SCALING_BY_RADIUS: PresetPartial<'series', PresetRoseParams
+& PresetRoseLabelsParams
+& PresetSeriesLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_ROSE_SCALING_BY_RADIUS',
+  description: '以半徑尺寸為比例的玫瑰圖',
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Rose: {
+      arcScaleType: 'radius'
+    },
+    RoseLabels: {
+      arcScaleType: 'radius',
+    },
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_SERIES_BASIC.ts

@@ -0,0 +1,15 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SERIES_BASIC: PresetPartial<'series', PresetSeriesPluginParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_SERIES_BASIC',
+  description: '基本Series參數',
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_SERIES,
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/PRESET_SERIES_DESC.ts

@@ -0,0 +1,15 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SERIES_DESC: PresetPartial<'series', PresetSeriesPluginParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_SERIES_DESC',
+  description: '資料由大到小排序',
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_SERIES,
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}

package/src/series/PRESET_SERIES_SEPARATE_SERIES.ts

@@ -0,0 +1,15 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SERIES_SEPARATE_SERIES: PresetPartial<'series', PresetSeriesPluginParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_SERIES_SEPARATE_SERIES',
+  description: '分開顯示Series',
+  dataFormatter: {
+    separateSeries: true,
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_SERIES,
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}

package/src/series/PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES.ts

@@ -0,0 +1,16 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES: PresetPartial<'series', PresetSeriesPluginParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES',
+  description: '分開顯示Series並合併Series資料',
+  dataFormatter: {
+    separateSeries: true,
+    sumSeries: true,
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_SERIES,
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}

package/src/series/PRESET_SERIES_SUM_SERIES.ts

@@ -0,0 +1,15 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_SERIES_SUM_SERIES: PresetPartial<'series', PresetSeriesPluginParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_SERIES_SUM_SERIES',
+  description: '合併Series資料',
+  dataFormatter: {
+    sumSeries: true
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_SERIES,
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  }
+}

package/src/series/index.ts

@@ -0,0 +1,11 @@
+export { PRESET_BUBBLES_SCALING_BY_RADIUS } from './PRESET_BUBBLES_SCALING_BY_RADIUS'
+export { PRESET_BUBBLES_SEPARATE_SERIES } from './PRESET_BUBBLES_SEPARATE_SERIES'
+export { PRESET_PIE_DONUT } from './PRESET_PIE_DONUT'
+export { PRESET_PIE_HALF_DONUT } from './PRESET_PIE_HALF_DONUT'
+export { PRESET_PIE_WITH_INNER_LABELS } from './PRESET_PIE_WITH_INNER_LABELS'
+export { PRESET_ROSE_SCALING_BY_RADIUS } from './PRESET_ROSE_SCALING_BY_RADIUS'
+export { PRESET_SERIES_BASIC } from './PRESET_SERIES_BASIC'
+export { PRESET_SERIES_DESC } from './PRESET_SERIES_DESC'
+export { PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES } from './PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES'
+export { PRESET_SERIES_SEPARATE_SERIES } from './PRESET_SERIES_SEPARATE_SERIES'
+export { PRESET_SERIES_SUM_SERIES } from './PRESET_SERIES_SUM_SERIES'

package/src/tree/PRESET_TREE_BASIC.ts

@@ -0,0 +1,25 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { PresetTreeLegendParams, PresetTreeMapParams, PresetNoneDataPluginParams } from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_TREE_BASIC: PresetPartial<'tree', PresetTreeLegendParams & PresetTreeMapParams & PresetNoneDataPluginParams> = {
+  name: 'PRESET_TREE_BASIC',
+  description: '基本Tree參數',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 40
+    },
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    TreeMap: {},
+    TreeLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+    }
+  }
+}

package/src/tree/index.ts

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