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

package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.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_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY',
-  description: '分開顯示category的散布泡泡圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#6CBAFF",
-          "#FF6C6C",
-          "#F9B052",
-          "#7DD3C4",
-          "#AA93D2",
-          "#0088FF",
-          "#FFBABA",
-          "#86DC72",
-          "#EF76FF",
-          "#C4C4C4"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  dataFormatter: {
-    separateCategory: true
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY',
+  description: 'Scatter bubbles with separate category',
+  descriptionZh: '分開顯示category的散布泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  dataFormatter: {
+    separateCategory: true
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts

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

package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts

@@ -1,42 +1,51 @@
-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_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_SCATTER_SEPARATE_CATEGORY',
-  description: '分開顯示category的散布圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#16B59B",
-          "#0088FF",
-          "#FF3232",
-          "#8E6BC9",
-          "#904026",
-          "#D117EA",
-          "#F38428",
-          "#6BDC51",
-          "#C50669",
-          "#4B25B3"
-        ],
-      }
-    },
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 100,
-      left: 60
-    },
-  },
-  dataFormatter: {
-    separateCategory: true
-  },
-  allPluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_SEPARATE_CATEGORY',
+  description: 'Scatter with separate category',
+  descriptionZh: '分開顯示category的散布圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  dataFormatter: {
+    separateCategory: true
+  },
+  pluginParams: {
+    XYAxes: {
+      xAxis: {
+        ticks: 3,
+      },
+      yAxis: {
+        ticks: 3,
+      }
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_SCATTER_SIMPLE.ts

@@ -0,0 +1,40 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_SCATTER_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_SCATTER_SIMPLE',
+  description: 'Simple scatter',
+  descriptionZh: '簡單散布圖',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#16B59B",
+          "#0088FF",
+          "#FF3232",
+          "#8E6BC9",
+          "#904026",
+          "#D117EA",
+          "#F38428",
+          "#6BDC51",
+          "#C50669",
+          "#4B25B3"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 60,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/index.ts

@@ -1,8 +1,20 @@
-export { PRESET_MULTI_VALUE_BASIC } from './PRESET_MULTI_VALUE_BASIC'
-export { PRESET_MULTI_VALUE_SEPARATE_CATEGORY } from './PRESET_MULTI_VALUE_SEPARATE_CATEGORY'
-export { PRESET_SCATTER_BASIC } from './PRESET_SCATTER_BASIC'
-export { PRESET_SCATTER_SEPARATE_CATEGORY } from './PRESET_SCATTER_SEPARATE_CATEGORY'
-export { PRESET_SCATTER_BUBBLES_BASIC } from './PRESET_SCATTER_BUBBLES_BASIC'
-export { PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS } from './PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS'
-export { PRESET_SCATTER_BUBBLES_LINEAR_OPACITY } from './PRESET_SCATTER_BUBBLES_LINEAR_OPACITY'
-export { PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'
+export { PRESET_MULTI_VALUE_BASIC } from './PRESET_MULTI_VALUE_BASIC'
+export { PRESET_MULTI_VALUE_SEPARATE_CATEGORY } from './PRESET_MULTI_VALUE_SEPARATE_CATEGORY'
+export { PRESET_MULTI_VALUE_SIMPLE } from './PRESET_MULTI_VALUE_SIMPLE'
+export { PRESET_RACING_BARS_ALL_ITEMS } from './PRESET_RACING_BARS_ALL_ITEMS'
+export { PRESET_RACING_BARS_BASIC } from './PRESET_RACING_BARS_BASIC'
+export { PRESET_RACING_BARS_FAST } from './PRESET_RACING_BARS_FAST'
+export { PRESET_RACING_BARS_FASTER } from './PRESET_RACING_BARS_FASTER'
+export { PRESET_RACING_BARS_LOOP } from './PRESET_RACING_BARS_LOOP'
+export { PRESET_RACING_BARS_OUTSIDE_LABELS } from './PRESET_RACING_BARS_OUTSIDE_LABELS'
+export { PRESET_RACING_BARS_SEPARATE_CATEGORY } from './PRESET_RACING_BARS_SEPARATE_CATEGORY'
+export { PRESET_RACING_BARS_SIMPLE } from './PRESET_RACING_BARS_SIMPLE'
+export { PRESET_RACING_BARS_STOP } from './PRESET_RACING_BARS_STOP'
+export { PRESET_SCATTER_BASIC } from './PRESET_SCATTER_BASIC'
+export { PRESET_SCATTER_BUBBLES_BASIC } from './PRESET_SCATTER_BUBBLES_BASIC'
+export { PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS } from './PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS'
+export { PRESET_SCATTER_BUBBLES_LINEAR_OPACITY } from './PRESET_SCATTER_BUBBLES_LINEAR_OPACITY'
+export { PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_BUBBLES_SIMPLE } from './PRESET_SCATTER_BUBBLES_SIMPLE'
+export { PRESET_SCATTER_SEPARATE_CATEGORY } from './PRESET_SCATTER_SEPARATE_CATEGORY'
+export { PRESET_SCATTER_SIMPLE } from './PRESET_SCATTER_SIMPLE'

package/src/params.ts

@@ -1,81 +1,84 @@
-import type {
-  PresetSeriesPluginParams,
-  PresetGridPluginParams,
-  PresetMultiGridPluginParams,
-  PresetMultiValuePluginParams,
-  PresetRelationshipPluginParams,
-  PresetTreePluginParams,
-  PresetNoneDataPluginParams
-} from './types'
-
-export const ALL_PLUGIN_PARAMS_SERIES: PresetSeriesPluginParams = {
-  Bubbles: {},
-  Pie: {},
-  PieEventTexts: {},
-  PieLabels: {},
-  Rose: {},
-  RoseLabels: {},
-  SeriesLegend: {},
-  SeriesTooltip: {},
-}
-
-export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
-  Bars: {},
-  BarsPN: {},
-  StackedBar: {},
-  BarsTriangle: {},
-  Dots: {},
-  GridLegend: {},
-  GridTooltip: {},
-  GroupAux: {},
-  GroupAxis: {},
-  LineAreas: {},
-  Lines: {},
-  GridZoom: {},
-  ValueAxis: {},
-  StackedValueAxis: {},
-}
-
-export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
-  MultiBars: {},
-  MultiStackedBar: {},
-  MultiBarsTriangle: {},
-  MultiDots: {},
-  MultiGridLegend: {},
-  MultiGridTooltip: {},
-  MultiGroupAxis: {},
-  MultiLineAreas: {},
-  MultiLines: {},
-  MultiValueAxis: {},
-  MultiStackedValueAxis: {},
-  OverlappingValueAxes: {},
-  OverlappingStackedValueAxes: {},
-}
-
-export const ALL_PLUGIN_PARAMS_MULTI_VALUE: PresetMultiValuePluginParams = {
-  MultiValueLegend: {},
-  MultiValueTooltip: {},
-  Scatter: {},
-  ScatterBubbles: {},
-  XYAxes: {},
-  XYAux: {},
-  XYZoom: {}
-}
-
-export const ALL_PLUGIN_PARAMS_RELATIONSHIP: PresetRelationshipPluginParams = {
-  ForceDirected: {},
-  ForceDirectedBubbles: {},
-  RelationshipLegend: {},
-  RelationshipTooltip: {},
-}
-
-
-export const ALL_PLUGIN_PARAMS_TREE: PresetTreePluginParams = {
-  TreeLegend: {},
-  TreeMap: {},
-  TreeTooltip: {},
-}
-
-export const ALL_PLUGIN_PARAMS_NONE_DATA: PresetNoneDataPluginParams = {
-  // Tooltip: {},
+import type {
+  PresetSeriesPluginParams,
+  PresetGridPluginParams,
+  PresetMultiGridPluginParams,
+  PresetMultiValuePluginParams,
+  PresetRelationshipPluginParams,
+  PresetTreePluginParams,
+  PresetNoneDataPluginParams
+} from './types'
+
+export const ALL_PLUGIN_PARAMS_SERIES: PresetSeriesPluginParams = {
+  Bubbles: {},
+  Pie: {},
+  PieEventTexts: {},
+  PieLabels: {},
+  Rose: {},
+  RoseLabels: {},
+  SeriesLegend: {},
+  SeriesTooltip: {},
+}
+
+export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
+  Bars: {},
+  BarsPN: {},
+  StackedBars: {},
+  BarsTriangle: {},
+  Dots: {},
+  GridLegend: {},
+  GridTooltip: {},
+  GroupAux: {},
+  GroupAxis: {},
+  LineAreas: {},
+  Lines: {},
+  GroupZoom: {},
+  ValueAxis: {},
+  StackedValueAxis: {},
+}
+
+export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
+  MultiBars: {},
+  MultiStackedBars: {},
+  MultiBarsTriangle: {},
+  MultiDots: {},
+  MultiGridLegend: {},
+  MultiGridTooltip: {},
+  MultiGroupAxis: {},
+  MultiLineAreas: {},
+  MultiLines: {},
+  MultiValueAxis: {},
+  MultiStackedValueAxis: {},
+  OverlappingValueAxes: {},
+  OverlappingStackedValueAxes: {},
+}
+
+export const ALL_PLUGIN_PARAMS_MULTI_VALUE: PresetMultiValuePluginParams = {
+  MultiValueLegend: {},
+  MultiValueTooltip: {},
+  RacingBars: {},
+  RacingCounterTexts: {},
+  RacingValueAxis: {},
+  Scatter: {},
+  ScatterBubbles: {},
+  XYAxes: {},
+  XYAux: {},
+  XZoom: {}
+}
+
+export const ALL_PLUGIN_PARAMS_RELATIONSHIP: PresetRelationshipPluginParams = {
+  ForceDirected: {},
+  ForceDirectedBubbles: {},
+  RelationshipLegend: {},
+  RelationshipTooltip: {},
+}
+
+
+export const ALL_PLUGIN_PARAMS_TREE: PresetTreePluginParams = {
+  TreeLegend: {},
+  TreeMap: {},
+  TreeTooltip: {},
+}
+
+export const ALL_PLUGIN_PARAMS_NONE_DATA: PresetNoneDataPluginParams = {
+  // Tooltip: {},
 }

package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts

@@ -1,39 +1,33 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BASIC',
-  description: '基本Force Directed參數',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
-          "#F9B052",
-          "#8454D4",
-          "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
-        ],
-      }
-    },
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
-  },
-  allPluginParams: {
-    ForceDirected: {},
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BASIC',
+  description: 'Basic force directed chart',
+  descriptionZh: '基本力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {},
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts

@@ -1,39 +1,33 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
-  description: '基本Force Directed Bubbles參數',
-  chartParams: {
-    colors: {
-      light: {
-        label: [
-          "#6CBAFF",
-          "#FF6C6C",
-          "#F9B052",
-          "#7DD3C4",
-          "#AA93D2",
-          "#0088FF",
-          "#FFBABA",
-          "#86DC72",
-          "#EF76FF",
-          "#C4C4C4"
-        ],
-      }
-    }
-    // padding: {
-    //   top: 40,
-    //   right: 40,
-    //   bottom: 60,
-    //   left: 40
-    // },
-  },
-  allPluginParams: {
-    ForceDirectedBubbles: {},
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
+  description: 'Basic force directed bubbles chart',
+  descriptionZh: '基本力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#6CBAFF",
+          "#FF6C6C",
+          "#F9B052",
+          "#7DD3C4",
+          "#AA93D2",
+          "#0088FF",
+          "#FFBABA",
+          "#86DC72",
+          "#EF76FF",
+          "#C4C4C4"
+        ],
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}