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

package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts

@@ -0,0 +1,85 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type { 
+  PresetMultiGridSepratedPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', PresetMultiGridSepratedPluginParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_GRID_DIVERGING',
+  description: '雙向折線圖',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      // 第一個grid
+      {
+        groupAxis: {
+          position: 'right'
+        },
+        valueAxis: {
+          position: 'bottom'
+        },
+      },
+      // 第二個grid
+      {
+        groupAxis: {
+          position: 'left'
+        },
+        valueAxis: {
+          position: 'bottom'
+        },
+      }
+    ],
+    // 設定排版方式
+    container: {
+      gap: 200,
+      rowAmount: 1,
+      columnAmount: 2
+    },
+    separateGrid: true // 將兩個grid拆分
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickPadding: 60, // 加長間距
+      gridIndexes: [0] // 只顯示一個
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+    }
+  }
+}

package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts

@@ -0,0 +1,57 @@
+import type { PresetPartial } from '@orbcharts/core'
+import type {
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
+
+export const PRESET_MULTI_GRID_ROUND_STYLE: PresetPartial<'multiGrid', PresetMultiGridRoundPluginParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_GRID_ROUND_STYLE',
+  description: 'MultiGrid圓弧風格',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiBars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: true,
+    },
+    MultiBarStack: {},
+    MultiDots: {},
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectRadius: 7,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    },
+    MultiGroupAxis: {},
+    MultiLineAreas: {},
+    MultiLines: {
+      lineCurve: 'curveMonotoneX',
+      lineWidth: 3
+    },
+    MultiValueAxis: {},
+    MultiValueStackAxis: {},
+    OverlappingValueAxes: {},
+    OverlappingValueStackAxes: {},
+  }
+}

package/src/multiGrid/PRESET_MULTI_LINES_2_GRID_SLOT.ts

@@ -0,0 +1,91 @@
+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_LINES_2_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINES_2_GRID_SLOT',
+  description: '2組折線圖表',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    separateGrid: true,
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: [0, 1]
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/PRESET_MULTI_LINES_3_GRID_SLOT.ts

@@ -0,0 +1,91 @@
+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_LINES_3_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINES_3_GRID_SLOT',
+  description: '3組折線圖表',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    separateGrid: true,
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: [0, 1, 2]
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/PRESET_MULTI_LINES_4_GRID_SLOT.ts

@@ -0,0 +1,91 @@
+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_LINES_4_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINES_4_GRID_SLOT',
+  description: '4組折線圖表',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    separateGrid: true,
+  },
+  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/PRESET_MULTI_LINE_AREAS_2_GRID_SLOT.ts

@@ -0,0 +1,109 @@
+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_2_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINE_AREAS_2_GRID_SLOT',
+  description: '2組區域圖表',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      {
+        // slotIndex: 0
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 1,
+        groupAxis: {
+          scalePadding: 0
+        }
+      }
+    ],
+    separateGrid: true,
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 2,
+    // }
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: [0, 1]
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_3_GRID_SLOT.ts

@@ -0,0 +1,115 @@
+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_3_GRID_SLOT: PresetPartial<'multiGrid', PresetMultiGroupAxisParams
+& PresetMultiValueAxisParams
+& PresetMultiValueStackAxisParams
+& PresetMultiBarsParams
+& PresetMultiBarStackParams
+& PresetMultiBarsTriangleParams
+& PresetMultiLinesParams
+& PresetMultiLineAreasParams
+& PresetMultiDotsParams
+& PresetMultiGridLegendParams
+& PresetNoneDataPluginParams> = {
+  name: 'PRESET_MULTI_LINE_AREAS_3_GRID_SLOT',
+  description: '3組區域圖表',
+  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
+        }
+      }
+    ],
+    separateGrid: true,
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 3,
+    // }
+  },
+  allPluginParams: {
+    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: [0, 1, 2]
+    },
+    MultiValueAxis: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiValueStackAxis: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBars: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBarStack: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiBarsTriangle: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiLines: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiLineAreas: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiDots: {
+      gridIndexes: [0, 1, 2]
+    },
+    MultiGridLegend: {
+      position: 'bottom',
+      justify: 'center',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}