@orbcharts/plugins-basic 3.0.0-alpha.49 → 3.0.0-alpha.51

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 (91) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-plugins-basic.es.js +6325 -6272
  3. package/dist/orbcharts-plugins-basic.umd.js +8 -8
  4. package/dist/src/base/BaseGroupAxis.d.ts +1 -0
  5. package/dist/src/grid/index.d.ts +1 -1
  6. package/dist/src/grid/plugins/BarsPN.d.ts +1 -0
  7. package/dist/src/grid/types.d.ts +3 -2
  8. package/dist/src/multiGrid/defaults.d.ts +2 -1
  9. package/dist/src/multiGrid/index.d.ts +2 -0
  10. package/dist/src/multiGrid/multiGridObservables.d.ts +1 -1
  11. package/dist/src/multiGrid/plugins/MultiValueStackAxis.d.ts +1 -0
  12. package/dist/src/multiGrid/plugins/OverlappingValueStackAxes.d.ts +1 -0
  13. package/dist/src/multiGrid/types.d.ts +3 -0
  14. package/dist/src/series/types.d.ts +2 -3
  15. package/package.json +42 -42
  16. package/src/base/BaseBarStack.ts +778 -778
  17. package/src/base/BaseBars.ts +764 -764
  18. package/src/base/BaseBarsTriangle.ts +672 -672
  19. package/src/base/BaseDots.ts +513 -502
  20. package/src/base/BaseGroupAxis.ts +562 -496
  21. package/src/base/BaseLegend.ts +641 -641
  22. package/src/base/BaseLineAreas.ts +625 -625
  23. package/src/base/BaseLines.ts +699 -699
  24. package/src/base/BaseValueAxis.ts +478 -478
  25. package/src/base/types.ts +2 -2
  26. package/src/grid/defaults.ts +125 -121
  27. package/src/grid/gridObservables.ts +248 -247
  28. package/src/grid/index.ts +15 -15
  29. package/src/grid/plugins/BarStack.ts +43 -50
  30. package/src/grid/plugins/Bars.ts +44 -51
  31. package/src/grid/plugins/{BarsDiverging.ts → BarsPN.ts} +41 -41
  32. package/src/grid/plugins/BarsTriangle.ts +42 -50
  33. package/src/grid/plugins/Dots.ts +37 -37
  34. package/src/grid/plugins/GridLegend.ts +59 -59
  35. package/src/grid/plugins/GroupAux.ts +645 -645
  36. package/src/grid/plugins/GroupAxis.ts +35 -42
  37. package/src/grid/plugins/LineAreas.ts +39 -39
  38. package/src/grid/plugins/Lines.ts +38 -38
  39. package/src/grid/plugins/ScalingArea.ts +173 -173
  40. package/src/grid/plugins/ValueAxis.ts +36 -43
  41. package/src/grid/plugins/ValueStackAxis.ts +38 -79
  42. package/src/grid/types.ts +122 -120
  43. package/src/index.ts +9 -9
  44. package/src/multiGrid/defaults.ts +152 -147
  45. package/src/multiGrid/index.ts +14 -12
  46. package/src/multiGrid/multiGridObservables.ts +44 -43
  47. package/src/multiGrid/plugins/MultiBarStack.ts +78 -78
  48. package/src/multiGrid/plugins/MultiBars.ts +77 -77
  49. package/src/multiGrid/plugins/MultiBarsTriangle.ts +77 -77
  50. package/src/multiGrid/plugins/MultiDots.ts +65 -65
  51. package/src/multiGrid/plugins/MultiGridLegend.ts +89 -89
  52. package/src/multiGrid/plugins/MultiGroupAxis.ts +69 -69
  53. package/src/multiGrid/plugins/MultiLineAreas.ts +67 -67
  54. package/src/multiGrid/plugins/MultiLines.ts +66 -66
  55. package/src/multiGrid/plugins/MultiValueAxis.ts +69 -69
  56. package/src/multiGrid/plugins/MultiValueStackAxis.ts +69 -0
  57. package/src/multiGrid/plugins/OverlappingValueAxes.ts +166 -173
  58. package/src/multiGrid/plugins/OverlappingValueStackAxes.ts +167 -0
  59. package/src/multiGrid/types.ts +71 -67
  60. package/src/noneData/defaults.ts +64 -64
  61. package/src/noneData/index.ts +3 -3
  62. package/src/noneData/plugins/Container.ts +10 -10
  63. package/src/noneData/plugins/Tooltip.ts +310 -310
  64. package/src/noneData/types.ts +26 -26
  65. package/src/series/defaults.ts +126 -126
  66. package/src/series/index.ts +9 -9
  67. package/src/series/plugins/Bubbles.ts +545 -602
  68. package/src/series/plugins/Pie.ts +576 -576
  69. package/src/series/plugins/PieEventTexts.ts +262 -262
  70. package/src/series/plugins/PieLabels.ts +304 -304
  71. package/src/series/plugins/Rose.ts +472 -472
  72. package/src/series/plugins/RoseLabels.ts +362 -362
  73. package/src/series/plugins/SeriesLegend.ts +59 -59
  74. package/src/series/seriesObservables.ts +145 -145
  75. package/src/series/seriesUtils.ts +51 -51
  76. package/src/series/types.ts +83 -83
  77. package/src/tree/defaults.ts +22 -22
  78. package/src/tree/index.ts +3 -3
  79. package/src/tree/plugins/TreeLegend.ts +59 -59
  80. package/src/tree/plugins/TreeMap.ts +305 -305
  81. package/src/tree/types.ts +23 -23
  82. package/src/utils/commonUtils.ts +21 -21
  83. package/src/utils/d3Graphics.ts +124 -124
  84. package/src/utils/d3Utils.ts +73 -73
  85. package/src/utils/observables.ts +14 -14
  86. package/src/utils/orbchartsUtils.ts +100 -100
  87. package/tsconfig.dev.json +16 -16
  88. package/tsconfig.json +13 -13
  89. package/tsconfig.prod.json +13 -13
  90. package/vite.config.js +49 -49
  91. package/dist/src/grid/plugins/BarsDiverging.d.ts +0 -1
@@ -1,126 +1,126 @@
1
- import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
- import type {
3
- BubblesParams,
4
- PieParams,
5
- PieEventTextsParams,
6
- PieLabelsParams,
7
- RoseParams,
8
- RoseLabelsParams,
9
- SeriesLegendParams } from './types'
10
-
11
-
12
- export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
13
- force: {
14
- strength: 0.03, // 泡泡引力
15
- velocityDecay: 0.2, // 衰減數
16
- collisionSpacing: 2 // 泡泡間距
17
- },
18
- bubbleText: {
19
- fillRate: 0.6,
20
- lineHeight: 12,
21
- lineLengthMin: 4
22
- },
23
- highlightRIncrease: 0,
24
- arcScaleType: 'area'
25
- }
26
-
27
- export const DEFAULT_PIE_PARAMS: PieParams = {
28
- // padding: {
29
- // top: 50,
30
- // right: 70,
31
- // bottom: 50,
32
- // left: 70
33
- // },
34
- outerRadius: 0.95,
35
- innerRadius: 0,
36
- mouseoverOuterRadius: 1,
37
- // label?: LabelStyle
38
- // enterDuration: 800,
39
- startAngle: 0,
40
- endAngle: Math.PI * 2,
41
- padAngle: 0.02,
42
- // padRadius: 100,
43
- cornerRadius: 0,
44
- // highlightTarget: 'datum',
45
- // highlightId: null,
46
- // highlightLabel: null,
47
- }
48
-
49
- export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
50
- eventFn: (eventData: EventSeries, eventName: EventName, t: number) => {
51
- if (eventName === 'mouseover' || eventName === 'mousemove') {
52
- return [String(eventData.datum!.value)]
53
- }
54
- return [
55
- String(
56
- Math.round(
57
- eventData.data.reduce((acc, seriesData) => {
58
- return acc + seriesData.reduce((_acc, data) => {
59
- return _acc + (data.value ?? 0)
60
- }, 0)
61
- }, 0) * t
62
- )
63
- )
64
- ]
65
- },
66
- textAttrs: [
67
- {
68
- "transform": "translate(0, 0)"
69
- }
70
- ],
71
- textStyles: [
72
- {
73
- "font-weight": "bold",
74
- "text-anchor": "middle",
75
- "pointer-events": "none",
76
- "dominant-baseline": "middle",
77
- "font-size": 64,
78
- "fill": "#000"
79
- }
80
- ]
81
- }
82
-
83
- export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
84
- // solidColor: undefined,
85
- // colors: DEFAULT_COLORS,
86
- outerRadius: 0.95,
87
- mouseoverOuterRadius: 1,
88
- // innerRadius: 0,
89
- // enterDuration: 800,
90
- startAngle: 0,
91
- endAngle: Math.PI * 2,
92
- labelCentroid: 2.3,
93
- // fontSize: 12,
94
- labelColorType: 'series',
95
- labelFn: d => String(d.label),
96
- }
97
-
98
- export const DEFAULT_ROSE_PARAMS: RoseParams = {
99
- outerRadius: 0.95,
100
- cornerRadius: 0,
101
- arcScaleType: 'area',
102
- mouseoverAngleIncrease: 0.05
103
- }
104
-
105
- export const DEFAULT_ROSE_LABELS_PARAMS: RoseLabelsParams = {
106
- outerRadius: 0.95,
107
- labelCentroid: 2.5,
108
- labelFn: d => String(d.label),
109
- labelColorType: 'series',
110
- arcScaleType: 'area'
111
- }
112
-
113
- export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
114
- position: 'right',
115
- justify: 'end',
116
- padding: 28,
117
- // offset: [0, 0],
118
- backgroundFill: 'none',
119
- backgroundStroke: 'none',
120
- gap: 10,
121
- listRectWidth: 14,
122
- listRectHeight: 14,
123
- listRectRadius: 0,
124
- // highlightEvent: false
125
- textColorType: 'primary'
126
- }
1
+ import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
+ import type {
3
+ BubblesParams,
4
+ PieParams,
5
+ PieEventTextsParams,
6
+ PieLabelsParams,
7
+ RoseParams,
8
+ RoseLabelsParams,
9
+ SeriesLegendParams } from './types'
10
+
11
+
12
+ export const DEFAULT_BUBBLES_PARAMS: BubblesParams = {
13
+ force: {
14
+ strength: 0.08, // 泡泡引力
15
+ velocityDecay: 0.3, // 衰減數
16
+ collisionSpacing: 2 // 泡泡間距
17
+ },
18
+ bubbleText: {
19
+ fillRate: 0.6,
20
+ lineHeight: 12,
21
+ lineLengthMin: 4
22
+ },
23
+ // highlightRIncrease: 0,
24
+ arcScaleType: 'area'
25
+ }
26
+
27
+ export const DEFAULT_PIE_PARAMS: PieParams = {
28
+ // padding: {
29
+ // top: 50,
30
+ // right: 70,
31
+ // bottom: 50,
32
+ // left: 70
33
+ // },
34
+ outerRadius: 0.95,
35
+ innerRadius: 0,
36
+ outerRadiusWhileHighlight: 1,
37
+ // label?: LabelStyle
38
+ // enterDuration: 800,
39
+ startAngle: 0,
40
+ endAngle: Math.PI * 2,
41
+ padAngle: 0.02,
42
+ // padRadius: 100,
43
+ cornerRadius: 0,
44
+ // highlightTarget: 'datum',
45
+ // highlightId: null,
46
+ // highlightLabel: null,
47
+ }
48
+
49
+ export const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams = {
50
+ eventFn: (eventData: EventSeries, eventName: EventName, t: number) => {
51
+ if (eventName === 'mouseover' || eventName === 'mousemove') {
52
+ return [String(eventData.datum!.value)]
53
+ }
54
+ return [
55
+ String(
56
+ Math.round(
57
+ eventData.data.reduce((acc, seriesData) => {
58
+ return acc + seriesData.reduce((_acc, data) => {
59
+ return _acc + (data.value ?? 0)
60
+ }, 0)
61
+ }, 0) * t
62
+ )
63
+ )
64
+ ]
65
+ },
66
+ textAttrs: [
67
+ {
68
+ "transform": "translate(0, 0)"
69
+ }
70
+ ],
71
+ textStyles: [
72
+ {
73
+ "font-weight": "bold",
74
+ "text-anchor": "middle",
75
+ "pointer-events": "none",
76
+ "dominant-baseline": "middle",
77
+ "font-size": 64,
78
+ "fill": "#000"
79
+ }
80
+ ]
81
+ }
82
+
83
+ export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams = {
84
+ // solidColor: undefined,
85
+ // colors: DEFAULT_COLORS,
86
+ outerRadius: 0.95,
87
+ outerRadiusWhileHighlight: 1,
88
+ // innerRadius: 0,
89
+ // enterDuration: 800,
90
+ startAngle: 0,
91
+ endAngle: Math.PI * 2,
92
+ labelCentroid: 2.3,
93
+ // fontSize: 12,
94
+ labelColorType: 'primary',
95
+ labelFn: d => String(d.label),
96
+ }
97
+
98
+ export const DEFAULT_ROSE_PARAMS: RoseParams = {
99
+ outerRadius: 0.95,
100
+ cornerRadius: 0,
101
+ arcScaleType: 'area',
102
+ mouseoverAngleIncrease: 0.05
103
+ }
104
+
105
+ export const DEFAULT_ROSE_LABELS_PARAMS: RoseLabelsParams = {
106
+ outerRadius: 0.95,
107
+ labelCentroid: 2.5,
108
+ labelFn: d => String(d.label),
109
+ labelColorType: 'primary',
110
+ arcScaleType: 'area'
111
+ }
112
+
113
+ export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
114
+ position: 'right',
115
+ justify: 'end',
116
+ padding: 28,
117
+ // offset: [0, 0],
118
+ backgroundFill: 'none',
119
+ backgroundStroke: 'none',
120
+ gap: 10,
121
+ listRectWidth: 14,
122
+ listRectHeight: 14,
123
+ listRectRadius: 0,
124
+ // highlightEvent: false
125
+ textColorType: 'primary'
126
+ }
@@ -1,9 +1,9 @@
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
- export { Rose } from './plugins/Rose'
8
- export { RoseLabels } from './plugins/RoseLabels'
9
- export { SeriesLegend } from './plugins/SeriesLegend'
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
+ export { Rose } from './plugins/Rose'
8
+ export { RoseLabels } from './plugins/RoseLabels'
9
+ export { SeriesLegend } from './plugins/SeriesLegend'