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

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

@@ -0,0 +1,44 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_RACING_BARS_LOOP: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_RACING_BARS_LOOP',
+  description: 'Looping 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,
+      loop: 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,39 +1,40 @@
-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: '基本散布圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#16B59B",
-          "#0088FF",
-          "#FF3232",
-          "#8E6BC9",
-          "#904026",
-          "#D117EA",
-          "#F38428",
-          "#6BDC51",
-          "#C50669",
-          "#4B25B3"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BASIC',
+  description: 'Basic scatter',
+  descriptionZh: '基本散布圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts

@@ -1,39 +1,40 @@
-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_BUBBLES_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SCATTER_BUBBLES_BASIC',
-  description: '基本的散布泡泡圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#6CBAFF",
-          "#FF6C6C",
-          "#F9B052",
-          "#7DD3C4",
-          "#AA93D2",
-          "#0088FF",
-          "#FFBABA",
-          "#86DC72",
-          "#EF76FF",
-          "#C4C4C4"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BUBBLES_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BUBBLES_BASIC',
+  description: 'Basic scatter bubbles',
+  descriptionZh: '基本的散布泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts

@@ -1,42 +1,43 @@
-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_BUBBLES_LINEAR_OPACITY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SCATTER_BUBBLES_LINEAR_OPACITY',
-  description: '漸變透明度的散布泡泡圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#6CBAFF",
-          "#FF6C6C",
-          "#F9B052",
-          "#7DD3C4",
-          "#AA93D2",
-          "#0088FF",
-          "#FFBABA",
-          "#86DC72",
-          "#EF76FF",
-          "#C4C4C4"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    },
-    ScatterBubbles: {
-      valueLinearOpacity: [0.6, 0.95]
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BUBBLES_LINEAR_OPACITY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BUBBLES_LINEAR_OPACITY',
+  description: 'Scatter bubbles with linear opacity',
+  descriptionZh: '漸變透明度的散布泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    },
+    ScatterBubbles: {
+      valueLinearOpacity: [0.6, 0.95]
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts

@@ -1,42 +1,43 @@
-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_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS',
-  description: '以半徑尺寸為比例的散布泡泡圖',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#6CBAFF",
-          "#FF6C6C",
-          "#F9B052",
-          "#7DD3C4",
-          "#AA93D2",
-          "#0088FF",
-          "#FFBABA",
-          "#86DC72",
-          "#EF76FF",
-          "#C4C4C4"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    },
-    ScatterBubbles: {
-      arcScaleType: 'radius'
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS',
+  description: 'Scatter bubbles with radius scaling',
+  descriptionZh: '以半徑尺寸為比例的散布泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    },
+    ScatterBubbles: {
+      arcScaleType: 'radius'
+    }
+  }
+}