@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,83 +1,83 @@
1
- import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
- // import type { BaseLegendParams } from '../base/BaseLegend'
3
-
4
- export type ArcScaleType = 'area' | 'radius'
5
-
6
- export interface BubblesParams {
7
- force: {
8
- strength: number; // 泡泡引力
9
- velocityDecay: number; // 衰減數
10
- collisionSpacing: number // 泡泡間距
11
- }
12
- bubbleText: {
13
- fillRate: number
14
- lineHeight: number
15
- lineLengthMin: number
16
- }
17
- highlightRIncrease: number
18
- arcScaleType: ArcScaleType
19
- }
20
-
21
- export interface PieParams {
22
- // padding: Padding
23
- outerRadius: number;
24
- innerRadius: number;
25
- mouseoverOuterRadius: number;
26
- // label?: LabelStyle
27
- // enterDuration: number
28
- startAngle: number
29
- endAngle: number
30
- padAngle: number
31
- // padRadius: number
32
- cornerRadius: number
33
- }
34
-
35
- export interface PieEventTextsParams {
36
- eventFn: (d: EventSeries, eventName: EventName, t: number) => string[]
37
- textAttrs: Array<{ [key:string]: string | number }>
38
- textStyles: Array<{ [key:string]: string | number }>
39
- }
40
-
41
- export interface PieLabelsParams {
42
- // solidColor?: string;
43
- // colors?: string[];
44
- outerRadius: number
45
- mouseoverOuterRadius: number
46
- // innerRadius?: number;
47
- // enterDuration?: number
48
- startAngle: number
49
- endAngle: number
50
- labelCentroid: number
51
- // fontSize?: number
52
- labelFn: ((d: ComputedDatumSeries) => string)
53
- labelColorType: ColorType
54
- }
55
-
56
- export interface RoseParams {
57
- outerRadius: number
58
- // padAngle: number
59
- cornerRadius: number
60
- arcScaleType: ArcScaleType
61
- mouseoverAngleIncrease: number
62
- }
63
-
64
- export interface RoseLabelsParams {
65
- outerRadius: number
66
- labelCentroid: number
67
- labelFn: ((d: ComputedDatumSeries) => string)
68
- labelColorType: ColorType
69
- arcScaleType: ArcScaleType
70
- }
71
-
72
- export interface SeriesLegendParams {
73
- position: 'top' | 'bottom' | 'left' | 'right'
74
- justify: 'start' | 'center' | 'end'
75
- padding: number
76
- backgroundFill: ColorType
77
- backgroundStroke: ColorType
78
- gap: number
79
- listRectWidth: number
80
- listRectHeight: number
81
- listRectRadius: number
82
- textColorType: ColorType
83
- }
1
+ import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
2
+ // import type { BaseLegendParams } from '../base/BaseLegend'
3
+
4
+ export type ArcScaleType = 'area' | 'radius'
5
+
6
+ export interface BubblesParams {
7
+ force: {
8
+ strength: number; // 泡泡引力
9
+ velocityDecay: number; // 衰減數
10
+ collisionSpacing: number // 泡泡間距
11
+ }
12
+ bubbleText: {
13
+ fillRate: number
14
+ lineHeight: number
15
+ lineLengthMin: number
16
+ }
17
+ // highlightRIncrease: number
18
+ arcScaleType: ArcScaleType
19
+ }
20
+
21
+ export interface PieParams {
22
+ // padding: Padding
23
+ outerRadius: number;
24
+ innerRadius: number;
25
+ outerRadiusWhileHighlight: number;
26
+ // label?: LabelStyle
27
+ // enterDuration: number
28
+ startAngle: number
29
+ endAngle: number
30
+ padAngle: number
31
+ // padRadius: number
32
+ cornerRadius: number
33
+ }
34
+
35
+ export interface PieEventTextsParams {
36
+ eventFn: (d: EventSeries, eventName: EventName, t: number) => string[]
37
+ textAttrs: Array<{ [key:string]: string | number }>
38
+ textStyles: Array<{ [key:string]: string | number }>
39
+ }
40
+
41
+ export interface PieLabelsParams {
42
+ // solidColor?: string;
43
+ // colors?: string[];
44
+ outerRadius: number
45
+ outerRadiusWhileHighlight: number
46
+ // innerRadius?: number;
47
+ // enterDuration?: number
48
+ startAngle: number
49
+ endAngle: number
50
+ labelCentroid: number
51
+ // fontSize?: number
52
+ labelFn: ((d: ComputedDatumSeries) => string)
53
+ labelColorType: ColorType
54
+ }
55
+
56
+ export interface RoseParams {
57
+ outerRadius: number
58
+ // padAngle: number
59
+ cornerRadius: number
60
+ arcScaleType: ArcScaleType
61
+ mouseoverAngleIncrease: number
62
+ }
63
+
64
+ export interface RoseLabelsParams {
65
+ outerRadius: number
66
+ labelCentroid: number
67
+ labelFn: ((d: ComputedDatumSeries) => string)
68
+ labelColorType: ColorType
69
+ arcScaleType: ArcScaleType
70
+ }
71
+
72
+ export interface SeriesLegendParams {
73
+ position: 'top' | 'bottom' | 'left' | 'right'
74
+ justify: 'start' | 'center' | 'end'
75
+ padding: number
76
+ backgroundFill: ColorType
77
+ backgroundStroke: ColorType
78
+ gap: number
79
+ listRectWidth: number
80
+ listRectHeight: number
81
+ listRectRadius: number
82
+ textColorType: ColorType
83
+ }
@@ -1,22 +1,22 @@
1
- import type { TreeMapParams, TreeLegendParams } from './types'
2
-
3
- export const DEFAULT_TREE_MAP_PARAMS: TreeMapParams = {
4
- paddingInner: 2,
5
- paddingOuter: 2,
6
- labelColorType: 'primary',
7
- squarifyRatio: 1.618034, // 黃金比例
8
- sort: (a, b) => b.value - a.value
9
- }
10
-
11
- export const DEFAULT_TREE_LEGEND_PARAMS: TreeLegendParams = {
12
- position: 'right',
13
- justify: 'end',
14
- padding: 28,
15
- backgroundFill: 'none',
16
- backgroundStroke: 'none',
17
- gap: 10,
18
- listRectWidth: 14,
19
- listRectHeight: 14,
20
- listRectRadius: 0,
21
- textColorType: 'primary'
22
- }
1
+ import type { TreeMapParams, TreeLegendParams } from './types'
2
+
3
+ export const DEFAULT_TREE_MAP_PARAMS: TreeMapParams = {
4
+ paddingInner: 2,
5
+ paddingOuter: 2,
6
+ labelColorType: 'primary',
7
+ squarifyRatio: 1.618034, // 黃金比例
8
+ sort: (a, b) => b.value - a.value
9
+ }
10
+
11
+ export const DEFAULT_TREE_LEGEND_PARAMS: TreeLegendParams = {
12
+ position: 'right',
13
+ justify: 'end',
14
+ padding: 28,
15
+ backgroundFill: 'none',
16
+ backgroundStroke: 'none',
17
+ gap: 10,
18
+ listRectWidth: 14,
19
+ listRectHeight: 14,
20
+ listRectRadius: 0,
21
+ textColorType: 'primary'
22
+ }
package/src/tree/index.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from './defaults'
2
- export * from './types'
3
- export { TreeLegend } from './plugins/TreeLegend'
1
+ export * from './defaults'
2
+ export * from './types'
3
+ export { TreeLegend } from './plugins/TreeLegend'
4
4
  export { TreeMap } from './plugins/TreeMap'
@@ -1,59 +1,59 @@
1
- import * as d3 from 'd3'
2
- import {
3
- combineLatest,
4
- map,
5
- switchMap,
6
- takeUntil,
7
- Observable,
8
- Subject } from 'rxjs'
9
- import {
10
- defineTreePlugin } from '@orbcharts/core'
11
- import { DEFAULT_TREE_LEGEND_PARAMS } from '../defaults'
12
- import { createBaseLegend } from '../../base/BaseLegend'
13
-
14
- const pluginName = 'TreeLegend'
15
-
16
- export const TreeLegend = defineTreePlugin(pluginName, DEFAULT_TREE_LEGEND_PARAMS)(({ selection, rootSelection, observer, subject }) => {
17
-
18
- const destroy$ = new Subject()
19
-
20
- const categoryLabels$: Observable<string[]> = observer.CategoryDataMap$.pipe(
21
- takeUntil(destroy$),
22
- map(data => {
23
- return Array.from(data.keys())
24
- })
25
- )
26
-
27
- // 全部列點矩型使用相同樣式參數
28
- const fullParams$ = observer.fullParams$.pipe(
29
- takeUntil(destroy$),
30
- map(d => {
31
- const seriesList = [
32
- {
33
- listRectWidth: d.listRectWidth,
34
- listRectHeight: d.listRectHeight,
35
- listRectRadius: d.listRectRadius,
36
- }
37
- ]
38
- return {
39
- ...d,
40
- seriesList
41
- }
42
- })
43
- )
44
-
45
- const unsubscribeBaseLegend = createBaseLegend(pluginName, {
46
- rootSelection,
47
- seriesLabels$: categoryLabels$,
48
- fullParams$,
49
- layout$: observer.layout$,
50
- fullChartParams$: observer.fullChartParams$,
51
- textSizePx$: observer.textSizePx$
52
- })
53
-
54
- return () => {
55
- destroy$.next(undefined)
56
- unsubscribeBaseLegend()
57
- }
58
- })
59
-
1
+ import * as d3 from 'd3'
2
+ import {
3
+ combineLatest,
4
+ map,
5
+ switchMap,
6
+ takeUntil,
7
+ Observable,
8
+ Subject } from 'rxjs'
9
+ import {
10
+ defineTreePlugin } from '@orbcharts/core'
11
+ import { DEFAULT_TREE_LEGEND_PARAMS } from '../defaults'
12
+ import { createBaseLegend } from '../../base/BaseLegend'
13
+
14
+ const pluginName = 'TreeLegend'
15
+
16
+ export const TreeLegend = defineTreePlugin(pluginName, DEFAULT_TREE_LEGEND_PARAMS)(({ selection, rootSelection, observer, subject }) => {
17
+
18
+ const destroy$ = new Subject()
19
+
20
+ const categoryLabels$: Observable<string[]> = observer.CategoryDataMap$.pipe(
21
+ takeUntil(destroy$),
22
+ map(data => {
23
+ return Array.from(data.keys())
24
+ })
25
+ )
26
+
27
+ // 全部列點矩型使用相同樣式參數
28
+ const fullParams$ = observer.fullParams$.pipe(
29
+ takeUntil(destroy$),
30
+ map(d => {
31
+ const seriesList = [
32
+ {
33
+ listRectWidth: d.listRectWidth,
34
+ listRectHeight: d.listRectHeight,
35
+ listRectRadius: d.listRectRadius,
36
+ }
37
+ ]
38
+ return {
39
+ ...d,
40
+ seriesList
41
+ }
42
+ })
43
+ )
44
+
45
+ const unsubscribeBaseLegend = createBaseLegend(pluginName, {
46
+ rootSelection,
47
+ seriesLabels$: categoryLabels$,
48
+ fullParams$,
49
+ layout$: observer.layout$,
50
+ fullChartParams$: observer.fullChartParams$,
51
+ textSizePx$: observer.textSizePx$
52
+ })
53
+
54
+ return () => {
55
+ destroy$.next(undefined)
56
+ unsubscribeBaseLegend()
57
+ }
58
+ })
59
+