@orbcharts/presets-basic 3.0.2 → 3.0.3

package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts

@@ -1,58 +1,66 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BUBBLES_SEPARATE_SERIES',
-  description: 'Bubble chart showing series separately',
-  descriptionZh: '分開顯示Series的泡泡圖',
-  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: 160,
-      right: 160,
-      bottom: 160,
-      left: 160
-    },
-  },
-  dataFormatter: {
-    separateSeries: true,
-  },
-  pluginParams: {
-    Bubbles: {},
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    },
-    SeriesTooltip: {}
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SEPARATE_SERIES',
+  description: 'Bubble chart showing series separately',
+  descriptionZh: '分開顯示Series的泡泡圖',
+  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: {
+    separateSeries: true,
+    container: {
+      columnGap: 0,
+      rowGap: 0
+    }
+  },
+  pluginParams: {
+    Bubbles: {
+      force: {
+        strength: 0.1,
+      }
+    },
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    },
+    SeriesTooltip: {}
+  }
+}

package/src/series/PRESET_BUBBLES_SIMPLE.ts

@@ -1,53 +1,53 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_BUBBLES_SIMPLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BUBBLES_SIMPLE',
-  description: 'Simple bubble chart',
-  descriptionZh: '簡單泡泡圖',
-  chartParams: {
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 40,
-      left: 40
-    },
-    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"
-        ]
-      }
-    }
-  },
-  pluginParams: {
-    SeriesLegend: {
-      listRectRadius: 7, // 圓型圖例列點
-      padding: 7
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SIMPLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SIMPLE',
+  description: 'Simple bubble chart',
+  descriptionZh: '簡單泡泡圖',
+  chartParams: {
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 40,
+      left: 40
+    },
+    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"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/series/PRESET_BUBBLES_SUM_SERIES.ts

@@ -1,48 +1,48 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_BUBBLES_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BUBBLES_SUM_SERIES',
-  description: 'Bubble chart of combined Series data',
-  descriptionZh: '合併Series資料的泡泡圖',
-  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"
-        ]
-      }
-    }
-  },
-  dataFormatter: {
-    sort: (a, b) => b.value - a.value,
-    sumSeries: true
-  },
-  pluginParams: {
-  }
-}
-PRESET_BUBBLES_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_BUBBLES_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BUBBLES_SUM_SERIES',
+  description: 'Bubble chart of combined Series data',
+  descriptionZh: '合併Series資料的泡泡圖',
+  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"
+        ]
+      }
+    }
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value,
+    sumSeries: true
+  },
+  pluginParams: {
+  }
+}
+PRESET_BUBBLES_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_BASIC.ts

@@ -1,50 +1,50 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_PIE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_PIE_BASIC',
-  description: 'Basic pie chart',
-  descriptionZh: '基本圓餅圖',
-  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
-  },
-  pluginParams: {
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_BASIC',
+  description: 'Basic pie chart',
+  descriptionZh: '基本圓餅圖',
+  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
+  },
+  pluginParams: {
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_PIE_BASIC.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_DONUT.ts

@@ -1,55 +1,55 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_PIE_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_PIE_DONUT',
-  description: 'Donut chart',
-  descriptionZh: '甜甜圈圖',
-  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
-  },
-  pluginParams: {
-    Pie: {
-      innerRadius: 0.5
-    },
-    PieLabels: {},
-    PieEventTexts: {},
-    SeriesLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_DONUT',
+  description: 'Donut chart',
+  descriptionZh: '甜甜圈圖',
+  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
+  },
+  pluginParams: {
+    Pie: {
+      innerRadius: 0.5
+    },
+    PieLabels: {},
+    PieEventTexts: {},
+    SeriesLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_PIE_DONUT.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`

package/src/series/PRESET_PIE_HALF_DONUT.ts

@@ -1,67 +1,67 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_PIE_HALF_DONUT',
-  description: 'Half donut chart',
-  descriptionZh: '半圓甜甜圈圖',
-  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"
-        ]
-      }
-    },
-    padding: {
-      top: 120,
-      right: 60,
-      bottom: 0,
-      left: 60
-    },
-  },
-  dataFormatter: {
-    sort: (a, b) => b.value - a.value
-  },
-  pluginParams: {
-    Pie: {
-      innerRadius: 0.5,
-      startAngle: - Math.PI / 2,
-      endAngle: Math.PI / 2,
-    },
-    PieLabels: {
-      startAngle: - Math.PI / 2,
-      endAngle: Math.PI / 2,
-    },
-    PieEventTexts: {},
-    SeriesLegend: {
-      placement: 'bottom',
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_HALF_DONUT',
+  description: 'Half donut chart',
+  descriptionZh: '半圓甜甜圈圖',
+  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"
+        ]
+      }
+    },
+    padding: {
+      top: 120,
+      right: 60,
+      bottom: 0,
+      left: 60
+    },
+  },
+  dataFormatter: {
+    sort: (a, b) => b.value - a.value
+  },
+  pluginParams: {
+    Pie: {
+      innerRadius: 0.5,
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieLabels: {
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieEventTexts: {},
+    SeriesLegend: {
+      placement: 'bottom',
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}
 PRESET_PIE_HALF_DONUT.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`