@orbcharts/plugins-basic 3.0.0-alpha.44 → 3.0.0-alpha.45

package/src/series/defaults.ts

@@ -1,99 +1,109 @@
-import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
-import type {
-  BubblesParams,
-  PieParams,
-  PieEventTextsParams,
-  PieLabelsParams,
-  SeriesLegendParams } from './types'
-
-  
-export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
-  force: {
-    strength: 0.03, // 泡泡引力
-    velocityDecay: 0.2, // 衰減數
-    collisionSpacing: 2 // 泡泡間距
-  },
-  bubbleText: {
-    fillRate: 0.6,
-    lineHeight: 12,
-    lineLengthMin: 4
-  },
-  highlightRIncrease: 0,
-  bubbleScaleType: 'area'
-}
-
-export const DEFAULT_PIE_PARAMS: PieParams = {
-  // padding: {
-  //   top: 50,
-  //   right: 70,
-  //   bottom: 50,
-  //   left: 70
-  // },
-  outerRadius: 0.95,
-  innerRadius: 0,
-  outerMouseoverRadius: 1,
-  // label?: LabelStyle
-  enterDuration: 800,
-  startAngle: 0,
-  endAngle: Math.PI * 2,
-  padAngle: 0.02,
-  // padRadius: 100,
-  cornerRadius: 0,
-  // highlightTarget: 'datum',
-  // highlightId: null,
-  // highlightLabel: null,
-}
-
-export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
-  eventFn: (d: EventSeries, eventName: EventName, t: number) => {
-    if (eventName === 'mouseover' || eventName === 'mousemove') {
-      return [String(d.datum!.value)]
-    }
-    return [String(Math.round(d.data.reduce((previous,current)=>previous+(current.value??0),0)*t))]
-  },
-  textAttrs: [
-    {
-      "transform": "translate(0, 0)"
-    }
-  ],
-  textStyles: [
-    {
-      "font-weight": "bold",
-      "text-anchor": "middle",
-      "pointer-events": "none",
-      "dominant-baseline": "middle",
-      "font-size": 64,
-      "fill": "#000"
-    }
-  ]
-}
-
-export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
-  // solidColor: undefined,
-  // colors: DEFAULT_COLORS,
-  outerRadius: 0.95,
-  outerMouseoverRadius: 1,
-  // innerRadius: 0,
-  // enterDuration: 800,
-  startAngle: 0,
-  endAngle: Math.PI * 2,
-  labelCentroid: 2.3,
-  // fontSize: 12,
-  labelColorType: 'series',
-  labelFn: d => String(d.value),
-}
-
-export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
-  position: 'right',
-  justify: 'end',
-  padding: 28,
-  // offset: [0, 0],
-  backgroundFill: 'none',
-  backgroundStroke: 'none',
-  gap: 10,
-  listRectWidth: 14,
-  listRectHeight: 14,
-  listRectRadius: 0,
-  // highlightEvent: false
-  textColorType: 'primary'
-}
+import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
+import type {
+  BubblesParams,
+  PieParams,
+  PieEventTextsParams,
+  PieLabelsParams,
+  SeriesLegendParams } from './types'
+
+  
+export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
+  force: {
+    strength: 0.03, // 泡泡引力
+    velocityDecay: 0.2, // 衰減數
+    collisionSpacing: 2 // 泡泡間距
+  },
+  bubbleText: {
+    fillRate: 0.6,
+    lineHeight: 12,
+    lineLengthMin: 4
+  },
+  highlightRIncrease: 0,
+  bubbleScaleType: 'area'
+}
+
+export const DEFAULT_PIE_PARAMS: PieParams = {
+  // padding: {
+  //   top: 50,
+  //   right: 70,
+  //   bottom: 50,
+  //   left: 70
+  // },
+  outerRadius: 0.95,
+  innerRadius: 0,
+  outerMouseoverRadius: 1,
+  // label?: LabelStyle
+  enterDuration: 800,
+  startAngle: 0,
+  endAngle: Math.PI * 2,
+  padAngle: 0.02,
+  // padRadius: 100,
+  cornerRadius: 0,
+  // highlightTarget: 'datum',
+  // highlightId: null,
+  // highlightLabel: null,
+}
+
+export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
+  eventFn: (eventData: EventSeries, eventName: EventName, t: number) => {
+    if (eventName === 'mouseover' || eventName === 'mousemove') {
+      return [String(eventData.datum!.value)]
+    }
+    return [
+      String(
+        Math.round(
+          eventData.data.reduce((acc, seriesData) => {
+            return acc + seriesData.reduce((_acc, data) => {
+              return _acc + (data.value ?? 0)
+            }, 0)
+          }, 0) * t
+        )
+      )
+    ]
+  },
+  textAttrs: [
+    {
+      "transform": "translate(0, 0)"
+    }
+  ],
+  textStyles: [
+    {
+      "font-weight": "bold",
+      "text-anchor": "middle",
+      "pointer-events": "none",
+      "dominant-baseline": "middle",
+      "font-size": 64,
+      "fill": "#000"
+    }
+  ]
+}
+
+export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
+  // solidColor: undefined,
+  // colors: DEFAULT_COLORS,
+  outerRadius: 0.95,
+  outerMouseoverRadius: 1,
+  // innerRadius: 0,
+  // enterDuration: 800,
+  startAngle: 0,
+  endAngle: Math.PI * 2,
+  labelCentroid: 2.3,
+  // fontSize: 12,
+  labelColorType: 'series',
+  labelFn: d => String(d.value),
+}
+
+export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
+  position: 'right',
+  justify: 'end',
+  padding: 28,
+  // offset: [0, 0],
+  backgroundFill: 'none',
+  backgroundStroke: 'none',
+  gap: 10,
+  listRectWidth: 14,
+  listRectHeight: 14,
+  listRectRadius: 0,
+  // highlightEvent: false
+  textColorType: 'primary'
+}

package/src/series/index.ts

@@ -1,7 +1,7 @@
-export * from './defaults'
-export * from './types'
-export { Bubbles } from './plugins/Bubbles'
-export { Pie } from './plugins/Pie'
-export { PieEventTexts } from './plugins/PieEventTexts'
-export { PieLabels } from './plugins/PieLabels'
+export * from './defaults'
+export * from './types'
+export { Bubbles } from './plugins/Bubbles'
+export { Pie } from './plugins/Pie'
+export { PieEventTexts } from './plugins/PieEventTexts'
+export { PieLabels } from './plugins/PieLabels'
 export { SeriesLegend } from './plugins/SeriesLegend'