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

Sign up to get free protection for your applications and to get access to all the features.
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'