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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-plugins-basic.es.js +5611 -5571
  3. package/dist/orbcharts-plugins-basic.umd.js +7 -7
  4. package/dist/src/base/BaseLegend.d.ts +1 -0
  5. package/package.json +42 -42
  6. package/src/base/BaseBarStack.ts +881 -881
  7. package/src/base/BaseBars.ts +750 -750
  8. package/src/base/BaseBarsTriangle.ts +659 -659
  9. package/src/base/BaseDots.ts +639 -639
  10. package/src/base/BaseGroupAxis.ts +496 -496
  11. package/src/base/BaseLegend.ts +641 -636
  12. package/src/base/BaseLineAreas.ts +621 -621
  13. package/src/base/BaseLines.ts +692 -692
  14. package/src/base/BaseValueAxis.ts +479 -479
  15. package/src/base/types.ts +2 -2
  16. package/src/grid/defaults.ts +121 -121
  17. package/src/grid/gridObservables.ts +263 -263
  18. package/src/grid/index.ts +15 -15
  19. package/src/grid/plugins/BarStack.ts +37 -37
  20. package/src/grid/plugins/Bars.ts +37 -37
  21. package/src/grid/plugins/BarsDiverging.ts +39 -39
  22. package/src/grid/plugins/BarsTriangle.ts +34 -34
  23. package/src/grid/plugins/Dots.ts +35 -35
  24. package/src/grid/plugins/GridLegend.ts +59 -58
  25. package/src/grid/plugins/GroupAux.ts +646 -643
  26. package/src/grid/plugins/GroupAxis.ts +30 -30
  27. package/src/grid/plugins/LineAreas.ts +36 -36
  28. package/src/grid/plugins/Lines.ts +35 -35
  29. package/src/grid/plugins/ScalingArea.ts +174 -174
  30. package/src/grid/plugins/ValueAxis.ts +31 -31
  31. package/src/grid/plugins/ValueStackAxis.ts +70 -70
  32. package/src/grid/types.ts +120 -120
  33. package/src/index.ts +9 -9
  34. package/src/multiGrid/defaults.ts +147 -147
  35. package/src/multiGrid/index.ts +11 -11
  36. package/src/multiGrid/multiGridObservables.ts +289 -289
  37. package/src/multiGrid/plugins/MultiBarStack.ts +60 -60
  38. package/src/multiGrid/plugins/MultiBars.ts +59 -59
  39. package/src/multiGrid/plugins/MultiBarsTriangle.ts +58 -58
  40. package/src/multiGrid/plugins/MultiDots.ts +58 -58
  41. package/src/multiGrid/plugins/MultiGridLegend.ts +89 -88
  42. package/src/multiGrid/plugins/MultiGroupAxis.ts +53 -53
  43. package/src/multiGrid/plugins/MultiLineAreas.ts +59 -59
  44. package/src/multiGrid/plugins/MultiLines.ts +58 -58
  45. package/src/multiGrid/plugins/MultiValueAxis.ts +53 -53
  46. package/src/multiGrid/plugins/OverlappingValueAxes.ts +164 -164
  47. package/src/multiGrid/types.ts +67 -67
  48. package/src/noneData/defaults.ts +61 -61
  49. package/src/noneData/index.ts +3 -3
  50. package/src/noneData/plugins/Container.ts +10 -10
  51. package/src/noneData/plugins/Tooltip.ts +310 -304
  52. package/src/noneData/types.ts +26 -26
  53. package/src/series/defaults.ts +99 -99
  54. package/src/series/index.ts +6 -6
  55. package/src/series/plugins/Bubbles.ts +551 -551
  56. package/src/series/plugins/Pie.ts +600 -600
  57. package/src/series/plugins/PieEventTexts.ts +194 -194
  58. package/src/series/plugins/PieLabels.ts +288 -288
  59. package/src/series/plugins/SeriesLegend.ts +59 -58
  60. package/src/series/seriesUtils.ts +50 -50
  61. package/src/series/types.ts +67 -67
  62. package/src/tree/defaults.ts +22 -22
  63. package/src/tree/index.ts +3 -3
  64. package/src/tree/plugins/TreeLegend.ts +59 -58
  65. package/src/tree/plugins/TreeMap.ts +305 -302
  66. package/src/tree/types.ts +23 -23
  67. package/src/utils/commonUtils.ts +21 -21
  68. package/src/utils/d3Graphics.ts +124 -124
  69. package/src/utils/d3Utils.ts +73 -73
  70. package/src/utils/observables.ts +14 -14
  71. package/src/utils/orbchartsUtils.ts +100 -100
  72. package/tsconfig.dev.json +16 -16
  73. package/tsconfig.json +13 -13
  74. package/tsconfig.prod.json +13 -13
  75. package/vite.config.js +49 -49
@@ -1,26 +1,26 @@
1
- import type { ColorType, ChartType, EventTypeMap, EventBase } from '@orbcharts/core'
2
-
3
- export interface ContainerPluginParams {
4
- header: {
5
- height: number
6
- text: string[]
7
- textStyle: string[]
8
- }
9
- footer: {
10
- height: number
11
- text: string[]
12
- textStyle: string[]
13
- }
14
- }
15
-
16
- export type TooltipParams = {
17
- backgroundColorType: ColorType
18
- backgroundOpacity: number
19
- strokeColorType: ColorType
20
- textColorType: ColorType
21
- offset: [number, number]
22
- padding: number
23
- textRenderFn: <T extends ChartType> (eventData: EventTypeMap<T>) => string[]
24
- svgRenderFn: (<T extends ChartType> (eventData: EventTypeMap<T>) => string) | null
25
- }
26
-
1
+ import type { ColorType, ChartType, EventTypeMap, EventBase } from '@orbcharts/core'
2
+
3
+ export interface ContainerPluginParams {
4
+ header: {
5
+ height: number
6
+ text: string[]
7
+ textStyle: string[]
8
+ }
9
+ footer: {
10
+ height: number
11
+ text: string[]
12
+ textStyle: string[]
13
+ }
14
+ }
15
+
16
+ export type TooltipParams = {
17
+ backgroundColorType: ColorType
18
+ backgroundOpacity: number
19
+ strokeColorType: ColorType
20
+ textColorType: ColorType
21
+ offset: [number, number]
22
+ padding: number
23
+ textRenderFn: <T extends ChartType> (eventData: EventTypeMap<T>) => string[]
24
+ svgRenderFn: (<T extends ChartType> (eventData: EventTypeMap<T>) => string) | null
25
+ }
26
+
@@ -1,99 +1,99 @@
1
- import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
- import type {
3
- BubblesParams,
4
- PieParams,
5
- PieEventTextsParams,
6
- PieLabelsParams,
7
- SeriesLegendParams } from './types'
8
-
9
-
10
- export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
11
- force: {
12
- strength: 0.03, // 泡泡引力
13
- velocityDecay: 0.2, // 衰減數
14
- collisionSpacing: 2 // 泡泡間距
15
- },
16
- bubbleText: {
17
- fillRate: 0.6,
18
- lineHeight: 12,
19
- lineLengthMin: 4
20
- },
21
- highlightRIncrease: 0,
22
- bubbleScaleType: 'area'
23
- }
24
-
25
- export const DEFAULT_PIE_PARAMS: PieParams = {
26
- // padding: {
27
- // top: 50,
28
- // right: 70,
29
- // bottom: 50,
30
- // left: 70
31
- // },
32
- outerRadius: 0.95,
33
- innerRadius: 0,
34
- outerMouseoverRadius: 1,
35
- // label?: LabelStyle
36
- enterDuration: 800,
37
- startAngle: 0,
38
- endAngle: Math.PI * 2,
39
- padAngle: 0.02,
40
- // padRadius: 100,
41
- cornerRadius: 0,
42
- // highlightTarget: 'datum',
43
- // highlightId: null,
44
- // highlightLabel: null,
45
- }
46
-
47
- export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
48
- eventFn: (d: EventSeries, eventName: EventName, t: number) => {
49
- if (eventName === 'mouseover' || eventName === 'mousemove') {
50
- return [String(d.datum!.value)]
51
- }
52
- return [String(Math.round(d.data.reduce((previous,current)=>previous+(current.value??0),0)*t))]
53
- },
54
- textAttrs: [
55
- {
56
- "transform": "translate(0, 0)"
57
- }
58
- ],
59
- textStyles: [
60
- {
61
- "font-weight": "bold",
62
- "text-anchor": "middle",
63
- "pointer-events": "none",
64
- "dominant-baseline": "middle",
65
- "font-size": 64,
66
- "fill": "#000"
67
- }
68
- ]
69
- }
70
-
71
- export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
72
- // solidColor: undefined,
73
- // colors: DEFAULT_COLORS,
74
- outerRadius: 0.95,
75
- outerMouseoverRadius: 1,
76
- // innerRadius: 0,
77
- // enterDuration: 800,
78
- startAngle: 0,
79
- endAngle: Math.PI * 2,
80
- labelCentroid: 2.3,
81
- // fontSize: 12,
82
- labelColorType: 'series',
83
- labelFn: d => String(d.value),
84
- }
85
-
86
- export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
87
- position: 'right',
88
- justify: 'end',
89
- padding: 28,
90
- // offset: [0, 0],
91
- backgroundFill: 'none',
92
- backgroundStroke: 'none',
93
- gap: 10,
94
- listRectWidth: 14,
95
- listRectHeight: 14,
96
- listRectRadius: 0,
97
- // highlightEvent: false
98
- textColorType: 'primary'
99
- }
1
+ import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
+ import type {
3
+ BubblesParams,
4
+ PieParams,
5
+ PieEventTextsParams,
6
+ PieLabelsParams,
7
+ SeriesLegendParams } from './types'
8
+
9
+
10
+ export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
11
+ force: {
12
+ strength: 0.03, // 泡泡引力
13
+ velocityDecay: 0.2, // 衰減數
14
+ collisionSpacing: 2 // 泡泡間距
15
+ },
16
+ bubbleText: {
17
+ fillRate: 0.6,
18
+ lineHeight: 12,
19
+ lineLengthMin: 4
20
+ },
21
+ highlightRIncrease: 0,
22
+ bubbleScaleType: 'area'
23
+ }
24
+
25
+ export const DEFAULT_PIE_PARAMS: PieParams = {
26
+ // padding: {
27
+ // top: 50,
28
+ // right: 70,
29
+ // bottom: 50,
30
+ // left: 70
31
+ // },
32
+ outerRadius: 0.95,
33
+ innerRadius: 0,
34
+ outerMouseoverRadius: 1,
35
+ // label?: LabelStyle
36
+ enterDuration: 800,
37
+ startAngle: 0,
38
+ endAngle: Math.PI * 2,
39
+ padAngle: 0.02,
40
+ // padRadius: 100,
41
+ cornerRadius: 0,
42
+ // highlightTarget: 'datum',
43
+ // highlightId: null,
44
+ // highlightLabel: null,
45
+ }
46
+
47
+ export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
48
+ eventFn: (d: EventSeries, eventName: EventName, t: number) => {
49
+ if (eventName === 'mouseover' || eventName === 'mousemove') {
50
+ return [String(d.datum!.value)]
51
+ }
52
+ return [String(Math.round(d.data.reduce((previous,current)=>previous+(current.value??0),0)*t))]
53
+ },
54
+ textAttrs: [
55
+ {
56
+ "transform": "translate(0, 0)"
57
+ }
58
+ ],
59
+ textStyles: [
60
+ {
61
+ "font-weight": "bold",
62
+ "text-anchor": "middle",
63
+ "pointer-events": "none",
64
+ "dominant-baseline": "middle",
65
+ "font-size": 64,
66
+ "fill": "#000"
67
+ }
68
+ ]
69
+ }
70
+
71
+ export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
72
+ // solidColor: undefined,
73
+ // colors: DEFAULT_COLORS,
74
+ outerRadius: 0.95,
75
+ outerMouseoverRadius: 1,
76
+ // innerRadius: 0,
77
+ // enterDuration: 800,
78
+ startAngle: 0,
79
+ endAngle: Math.PI * 2,
80
+ labelCentroid: 2.3,
81
+ // fontSize: 12,
82
+ labelColorType: 'series',
83
+ labelFn: d => String(d.value),
84
+ }
85
+
86
+ export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
87
+ position: 'right',
88
+ justify: 'end',
89
+ padding: 28,
90
+ // offset: [0, 0],
91
+ backgroundFill: 'none',
92
+ backgroundStroke: 'none',
93
+ gap: 10,
94
+ listRectWidth: 14,
95
+ listRectHeight: 14,
96
+ listRectRadius: 0,
97
+ // highlightEvent: false
98
+ textColorType: 'primary'
99
+ }
@@ -1,7 +1,7 @@
1
- export * from './defaults'
2
- export * from './types'
3
- export { Bubbles } from './plugins/Bubbles'
4
- export { Pie } from './plugins/Pie'
5
- export { PieEventTexts } from './plugins/PieEventTexts'
6
- export { PieLabels } from './plugins/PieLabels'
1
+ export * from './defaults'
2
+ export * from './types'
3
+ export { Bubbles } from './plugins/Bubbles'
4
+ export { Pie } from './plugins/Pie'
5
+ export { PieEventTexts } from './plugins/PieEventTexts'
6
+ export { PieLabels } from './plugins/PieLabels'
7
7
  export { SeriesLegend } from './plugins/SeriesLegend'