@orbcharts/presets-basic 3.0.0-beta.11 → 3.0.0-beta.12

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts

@@ -3,12 +3,12 @@ import type {
   PresetMultiGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID',
-  description: '2組區域圖表',
+  description: '2 groups of Line Area chart',
+  descriptionZh: '2組區域折線圖',
   chartParams: {
     colors: {
       light: {
@@ -27,8 +27,8 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', P
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 140,
       left: 80
     },
@@ -54,8 +54,7 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', P
     //   columnAmount: 2,
     // }
   },
-  allPluginParams: {
-    ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     MultiGroupAxis: {
       tickTextRotate: -30,
       gridIndexes: 'all'
@@ -69,7 +68,7 @@ export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', P
     MultiBars: {
       gridIndexes: 'all'
     },
-    MultiStackedBar: {
+    MultiStackedBars: {
       gridIndexes: 'all'
     },
     MultiBarsTriangle: {

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts

@@ -0,0 +1,113 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { 
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+
+export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE',
+  description: 'Simple 2 groups of Line Area chart',
+  descriptionZh: '簡單2組區域折線圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#94D6CB",
+          "#F9B052",
+          "#8454D4",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#904026",
+          "#C50669",
+          "#4B25B3"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 60,
+      bottom: 80,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        groupAxis: {
+          scalePadding: 0
+        },
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        },
+      },
+    ],
+    separateGrid: true,
+    // container: {
+    //   gap: 40
+    // }
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      // tickTextRotate: -30,
+      gridIndexes: 'all'
+    },
+    MultiValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiBars: {
+      gridIndexes: 'all'
+    },
+    MultiStackedBars: {
+      gridIndexes: 'all'
+    },
+    MultiBarsTriangle: {
+      gridIndexes: 'all'
+    },
+    MultiLines: {
+      gridIndexes: 'all'
+    },
+    MultiLineAreas: {
+      gridIndexes: 'all'
+    },
+    MultiDots: {
+      gridIndexes: 'all'
+    },
+    MultiGridLegend: {
+      placement: 'bottom',
+      padding: 7,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/index.ts

@@ -1,6 +1,12 @@
 export { PRESET_MULTI_GRID_BASIC } from './PRESET_MULTI_GRID_BASIC'
+export { PRESET_MULTI_GRID_DIVERGING_SIMPLE } from './PRESET_MULTI_GRID_DIVERGING_SIMPLE'
 export { PRESET_MULTI_GRID_DIVERGING } from './PRESET_MULTI_GRID_DIVERGING'
+export { PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE } from './PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE'
 export { PRESET_MULTI_GRID_ROUND_STYLE } from './PRESET_MULTI_GRID_ROUND_STYLE'
+export { PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE'
 export { PRESET_MULTI_GRID_SEPARATE_GRID } from './PRESET_MULTI_GRID_SEPARATE_GRID'
+export { PRESET_MULTI_GRID_SIMPLE } from './PRESET_MULTI_GRID_SIMPLE'
+export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE'
 export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID'
+export { PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE'
 export { PRESET_MULTI_LINES_SEPARATE_GRID } from './PRESET_MULTI_LINES_SEPARATE_GRID'

package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts

@@ -1,11 +1,11 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_MULTI_VALUE_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_MULTI_VALUE_BASIC',
-  description: '基本MultiValue參數',
+  description: 'Basic MultiValue',
+  descriptionZh: '基本MultiValue參數',
   chartParams: {
     colors: {
       light: {
@@ -24,13 +24,13 @@ export const PRESET_MULTI_VALUE_BASIC: PresetPartial<'multiValue', Partial<Prese
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,

package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts

@@ -1,11 +1,11 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_MULTI_VALUE_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_MULTI_VALUE_SEPARATE_CATEGORY',
-  description: 'MultiValue 分開顯示category',
+  description: 'MultiValue separate category',
+  descriptionZh: 'MultiValue 分開顯示category',
   chartParams: {
     colors: {
       light: {
@@ -24,16 +24,24 @@ export const PRESET_MULTI_VALUE_SEPARATE_CATEGORY: PresetPartial<'multiValue', P
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
   dataFormatter: {
     separateCategory: true
   },
-  allPluginParams: {
+  pluginParams: {
+    XYAxes: {
+      xAxis: {
+        ticks: 3,
+      },
+      yAxis: {
+        ticks: 3,
+      }
+    },
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,

package/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.ts

@@ -0,0 +1,39 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_MULTI_VALUE_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_VALUE_SIMPLE',
+  description: 'Simple MultiValue',
+  descriptionZh: '簡單MultiValue參數',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.ts

@@ -0,0 +1,44 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_ALL_ITEMS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_ALL_ITEMS',
+  description: 'Racing Bars for all items',
+  descriptionZh: '顯示全部項目的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      rankingAmount: 'auto',
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_BASIC.ts

@@ -0,0 +1,43 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_BASIC',
+  description: 'Basic Racing Bars',
+  descriptionZh: '基本賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_FAST.ts

@@ -0,0 +1,43 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_FAST: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_FAST',
+  description: 'Fast Racing Bars',
+  descriptionZh: '快速的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 250
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_FASTER.ts

@@ -0,0 +1,43 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_FASTER: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_FASTER',
+  description: 'Faster Racing Bars',
+  descriptionZh: '更快速的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+    transitionDuration: 125
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.ts

@@ -0,0 +1,47 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_OUTSIDE_LABELS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_OUTSIDE_LABELS',
+  description: 'Racing Bars with labels outside',
+  descriptionZh: '標籤在外面的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 160
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      barLabel: {
+        position: 'outside',
+        colorType: 'primary'
+      },
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts

@@ -0,0 +1,60 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_SEPARATE_CATEGORY',
+  description: 'Racing Bars with separate category',
+  descriptionZh: '分開顯示category的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 140
+    },
+    transitionDuration: 500
+  },
+  dataFormatter: {
+    separateCategory: true,
+    container: {
+      gap:80
+    },
+  },
+  pluginParams: {
+    RacingBars: {
+      barLabel: {
+        position: 'outside',
+        colorType: 'primary',
+        padding: 10
+      },
+      valueLabel: {
+        padding: 10
+      },
+      autorun: true,
+    },
+    RacingValueAxis: {
+      ticks: 3,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_SIMPLE.ts

@@ -0,0 +1,43 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_SIMPLE',
+  description: 'Simple Racing Bars',
+  descriptionZh: '簡單賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    transitionDuration: 500
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: true,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_STOP.ts

@@ -0,0 +1,42 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_STOP: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_STOP',
+  description: 'Stopped Racing Bars',
+  descriptionZh: '停止的賽跑長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 100,
+      left: 60
+    },
+  },
+  pluginParams: {
+    RacingBars: {
+      autorun: false,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_BASIC.ts

@@ -1,11 +1,11 @@
 import type { PresetPartial } from '../../lib/core-types'
 import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_SCATTER_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_SCATTER_BASIC',
-  description: '基本散布圖',
+  description: 'Basic Scatter',
+  descriptionZh: '基本散布圖',
   chartParams: {
     colors: {
       light: {
@@ -24,16 +24,17 @@ export const PRESET_SCATTER_BASIC: PresetPartial<'multiValue', Partial<PresetMul
       }
     },
     padding: {
-      top: 60,
-      right: 60,
+      top: 40,
+      right: 40,
       bottom: 100,
-      left: 60
+      left: 80
     },
   },
-  allPluginParams: {
+  pluginParams: {
     MultiValueLegend: {
       placement: 'bottom',
       padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
     }
   }
 }