@orbcharts/presets-basic 3.0.1 → 3.0.3

package/src/multiValue/PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY.ts

@@ -0,0 +1,59 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY',
+  description: 'Ordinal bubbles with linear opacity',
+  descriptionZh: '漸變透明度的序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 160
+    },
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+      bubble: {
+        valueLinearOpacity: [0.5, 1]
+      }
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS.ts

@@ -0,0 +1,59 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS',
+  description: 'Ordinal bubbles with radius scaling',
+  descriptionZh: '以半徑尺寸為比例的序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 160
+    },
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+      bubble: {
+        arcScaleType: 'radius',
+      }
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY.ts

@@ -0,0 +1,66 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY',
+  description: 'Ordinal bubbles with separate category',
+  descriptionZh: '分開顯示category的序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 140
+    },
+  },
+  dataFormatter: {
+    separateCategory: true,
+    container: {
+      columnGap: 140,
+      rowGap: 60
+    }
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+    },
+    OrdinalAxis: {
+      ticks: 2,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_ORDINAL_BUBBLES_SIMPLE.ts

@@ -0,0 +1,59 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ORDINAL_BUBBLES_SIMPLE: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ORDINAL_BUBBLES_SIMPLE',
+  description: 'Simple ordinal bubbles',
+  descriptionZh: '簡單的序數泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 60,
+      right: 40,
+      bottom: 60,
+      left: 140
+    },
+  },
+  pluginParams: {
+    OrdinalBubbles: {
+    },
+    OrdinalAxis: {
+      ticks: 2,
+    },
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 7,
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts

@@ -48,7 +48,7 @@ export const PRESET_RACING_BARS_SEPARATE_CATEGORY: PresetPartial<'multiValue', P
   dataFormatter: {
     separateCategory: true,
     container: {
-      gap:80
+      rowGap: 60
     },
   },
   pluginParams: {

package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts

@@ -45,7 +45,11 @@ export const PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY: PresetPartial<'multiValue
     },
   },
   dataFormatter: {
-    separateCategory: true
+    separateCategory: true,
+    container: {
+      columnGap: 100,
+      rowGap: 70
+    }
   },
   pluginParams: {
     MultiValueLegend: {

package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts

@@ -45,7 +45,11 @@ export const PRESET_SCATTER_SEPARATE_CATEGORY: PresetPartial<'multiValue', Parti
     },
   },
   dataFormatter: {
-    separateCategory: true
+    separateCategory: true,
+    container: {
+      columnGap: 100,
+      rowGap: 70
+    }
   },
   pluginParams: {
     XYAxes: {

package/src/multiValue/index.ts

@@ -1,6 +1,12 @@
 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_ORDINAL_BUBBLES_ALL_ITEMS } from './PRESET_ORDINAL_BUBBLES_ALL_ITEMS'
+export { PRESET_ORDINAL_BUBBLES_BASIC } from './PRESET_ORDINAL_BUBBLES_BASIC'
+export { PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY } from './PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY'
+export { PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS } from './PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS'
+export { PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY } from './PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY'
+export { PRESET_ORDINAL_BUBBLES_SIMPLE } from './PRESET_ORDINAL_BUBBLES_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'

package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts

@@ -10,16 +10,16 @@ export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship',
     colors: {
       light: {
         label: [
-          "#4BABFF",
-          "#FFA0A0",
-          "#7DD3C4",
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
           "#F9B052",
-          "#8454D4",
+          "#6F3BD5",
           "#42C724",
-          "#FF4B4B",
+          "#FF3232",
           "#904026",
-          "#4B25B3",
-          "#C50669"
+          "#1F3172",
+          "#E23D93"
         ],
       },
       dark: {
@@ -27,13 +27,13 @@ export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship',
           "#4BABFF",
           "#FFA0A0",
           "#7DD3C4",
-          "#F9B052",
+          "#FAC77D",
           "#8454D4",
           "#42C724",
-          "#FF4B4B",
-          "#904026",
-          "#4B25B3",
-          "#C50669"
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
         ]
       }
     },

package/src/series/PRESET_BUBBLES_SEPARATE_ALL.ts

@@ -0,0 +1,69 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SEPARATE_ALL: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SEPARATE_ALL',
+  description: 'Bubble chart showing all data separately',
+  descriptionZh: '全部資料分開顯示的泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    // 加長留空
+    padding: {
+      top: 100,
+      right: 160,
+      bottom: 100,
+      left: 160
+    },
+  },
+  dataFormatter: {
+    separateSeries: true,
+    separateLabel: true,
+    sort: (a, b) => b.value - a.value,
+    container: {
+      columnGap: 0,
+      rowGap: 0
+    }
+  },
+  pluginParams: {
+    Bubbles: {
+      force: {
+        strength: 0.12,
+      }
+    },
+    SeriesLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    },
+    SeriesTooltip: {}
+  }
+}

package/src/series/PRESET_BUBBLES_SEPARATE_LABEL.ts

@@ -0,0 +1,66 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SEPARATE_LABEL: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SEPARATE_LABEL',
+  description: 'Bubble chart showing label separately',
+  descriptionZh: '分開顯示Label的泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+    // 加長留空
+    padding: {
+      top: 100,
+      right: 140,
+      bottom: 100,
+      left: 140
+    },
+  },
+  dataFormatter: {
+    separateLabel: true,
+    container: {
+      columnGap: 0,
+      rowGap: 0
+    }
+  },
+  pluginParams: {
+    Bubbles: {
+      force: {
+        strength: 0.1,
+      }
+    },
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    },
+    SeriesTooltip: {}
+  }
+}

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -39,17 +39,25 @@ export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<Pre
     },
     // 加長留空
     padding: {
-      top: 160,
-      right: 160,
-      bottom: 160,
-      left: 160
+      top: 100,
+      right: 140,
+      bottom: 100,
+      left: 140
     },
   },
   dataFormatter: {
     separateSeries: true,
+    container: {
+      columnGap: 0,
+      rowGap: 0
+    }
   },
   pluginParams: {
-    Bubbles: {},
+    Bubbles: {
+      force: {
+        strength: 0.1,
+      }
+    },
     SeriesLegend: {
       listRectRadius: 7 // 圓型圖例列點
     },

package/src/series/PRESET_PIE_SEPARATE_LABEL.ts

@@ -0,0 +1,52 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_SEPARATE_LABEL: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_SEPARATE_LABEL',
+  description: 'Separate pie chart of Label',
+  descriptionZh: '分開顯示Label的圓餅圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#4BABFF",
+          "#38BEA8",
+          "#86DC72",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#5F2714",
+          "#D117EA",
+          "7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#8BC8FF",
+          "#61CBB9",
+          "#ACE1A0",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#904026",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    },
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateLabel: true,
+  },
+  pluginParams: {
+    PieLabels: {
+      labelFn: d => d.seriesLabel
+    }
+  }
+}
+PRESET_PIE_SEPARATE_LABEL.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`
+PRESET_PIE_SEPARATE_LABEL.pluginParams.PieLabels.labelFn.toString = () => `d => d.seriesLabel`

package/src/series/PRESET_ROSE_SEPARATE_ALL.ts

@@ -0,0 +1,55 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SEPARATE_ALL: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SEPARATE_ALL',
+  description: 'Separate rose chart of all data',
+  descriptionZh: '全部資料分開顯示的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateLabel: true,
+    separateSeries: true,
+  },
+  pluginParams: {
+  }
+}
+PRESET_ROSE_SEPARATE_ALL.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SEPARATE_LABEL.ts

@@ -0,0 +1,58 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_ROSE_SEPARATE_LABEL: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_ROSE_SEPARATE_LABEL',
+  description: 'Separate rose chart of Label',
+  descriptionZh: '分開顯示Label的玫瑰圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    separateLabel: true,
+  },
+  pluginParams: {
+    RoseLabels: {
+      labelFn: d => d.seriesLabel,
+    }
+  }
+}
+PRESET_ROSE_SEPARATE_LABEL.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`
+PRESET_ROSE_SEPARATE_LABEL.pluginParams.RoseLabels.labelFn.toString = () => `d => d.seriesLabel`

package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts

@@ -49,8 +49,6 @@ export const PRESET_ROSE_SEPARATE_SERIES: PresetPartial<'series', Partial<Preset
     separateSeries: true,
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 }
 PRESET_ROSE_SEPARATE_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts

@@ -50,8 +50,6 @@ export const PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES: PresetPartial<'series',
     sumSeries: true,
   },
   pluginParams: {
-    // ...ALL_PLUGIN_PARAMS_SERIES,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
   }
 }
 PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`