@orbcharts/plugins-basic 3.0.0-alpha.68 → 3.0.0-alpha.70

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 (79) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-plugins-basic.es.js +4838 -4760
  3. package/dist/orbcharts-plugins-basic.umd.js +15 -14
  4. package/dist/src/utils/d3Graphics.d.ts +10 -0
  5. package/package.json +42 -42
  6. package/src/base/BaseBarStack.ts +779 -779
  7. package/src/base/BaseBars.ts +764 -764
  8. package/src/base/BaseBarsTriangle.ts +672 -672
  9. package/src/base/BaseDots.ts +513 -513
  10. package/src/base/BaseGroupAxis.ts +675 -652
  11. package/src/base/BaseLegend.ts +642 -642
  12. package/src/base/BaseLineAreas.ts +628 -628
  13. package/src/base/BaseLines.ts +704 -704
  14. package/src/base/BaseValueAxis.ts +578 -578
  15. package/src/base/types.ts +2 -2
  16. package/src/grid/defaults.ts +128 -128
  17. package/src/grid/gridObservables.ts +543 -543
  18. package/src/grid/index.ts +15 -15
  19. package/src/grid/plugins/BarStack.ts +43 -43
  20. package/src/grid/plugins/Bars.ts +44 -44
  21. package/src/grid/plugins/BarsPN.ts +41 -41
  22. package/src/grid/plugins/BarsTriangle.ts +42 -42
  23. package/src/grid/plugins/Dots.ts +37 -37
  24. package/src/grid/plugins/GridLegend.ts +59 -59
  25. package/src/grid/plugins/GroupAux.ts +1014 -991
  26. package/src/grid/plugins/GroupAxis.ts +36 -36
  27. package/src/grid/plugins/LineAreas.ts +40 -40
  28. package/src/grid/plugins/Lines.ts +40 -40
  29. package/src/grid/plugins/ScalingArea.ts +176 -174
  30. package/src/grid/plugins/ValueAxis.ts +36 -36
  31. package/src/grid/plugins/ValueStackAxis.ts +38 -38
  32. package/src/grid/types.ts +123 -123
  33. package/src/index.ts +9 -9
  34. package/src/multiGrid/defaults.ts +158 -158
  35. package/src/multiGrid/index.ts +13 -13
  36. package/src/multiGrid/multiGridObservables.ts +49 -49
  37. package/src/multiGrid/plugins/MultiBarStack.ts +78 -78
  38. package/src/multiGrid/plugins/MultiBars.ts +77 -77
  39. package/src/multiGrid/plugins/MultiBarsTriangle.ts +77 -77
  40. package/src/multiGrid/plugins/MultiDots.ts +65 -65
  41. package/src/multiGrid/plugins/MultiGridLegend.ts +89 -89
  42. package/src/multiGrid/plugins/MultiGroupAxis.ts +70 -70
  43. package/src/multiGrid/plugins/MultiLineAreas.ts +77 -77
  44. package/src/multiGrid/plugins/MultiLines.ts +77 -77
  45. package/src/multiGrid/plugins/MultiValueAxis.ts +69 -69
  46. package/src/multiGrid/plugins/MultiValueStackAxis.ts +69 -69
  47. package/src/multiGrid/plugins/OverlappingValueAxes.ts +170 -170
  48. package/src/multiGrid/plugins/OverlappingValueStackAxes.ts +169 -169
  49. package/src/multiGrid/types.ts +72 -72
  50. package/src/noneData/defaults.ts +102 -102
  51. package/src/noneData/index.ts +3 -3
  52. package/src/noneData/plugins/Container.ts +10 -10
  53. package/src/noneData/plugins/Tooltip.ts +327 -327
  54. package/src/noneData/types.ts +26 -26
  55. package/src/series/defaults.ts +149 -149
  56. package/src/series/index.ts +9 -9
  57. package/src/series/plugins/Bubbles.ts +545 -545
  58. package/src/series/plugins/Pie.ts +584 -584
  59. package/src/series/plugins/PieEventTexts.ts +262 -262
  60. package/src/series/plugins/PieLabels.ts +604 -598
  61. package/src/series/plugins/Rose.ts +481 -481
  62. package/src/series/plugins/RoseLabels.ts +571 -565
  63. package/src/series/plugins/SeriesLegend.ts +59 -59
  64. package/src/series/seriesObservables.ts +145 -145
  65. package/src/series/seriesUtils.ts +51 -51
  66. package/src/series/types.ts +87 -87
  67. package/src/tree/defaults.ts +23 -23
  68. package/src/tree/index.ts +3 -3
  69. package/src/tree/plugins/TreeLegend.ts +59 -59
  70. package/src/tree/plugins/TreeMap.ts +305 -305
  71. package/src/tree/types.ts +23 -23
  72. package/src/utils/commonUtils.ts +21 -21
  73. package/src/utils/d3Graphics.ts +174 -124
  74. package/src/utils/d3Utils.ts +73 -73
  75. package/src/utils/observables.ts +14 -14
  76. package/src/utils/orbchartsUtils.ts +100 -100
  77. package/tsconfig.base.json +13 -13
  78. package/tsconfig.json +2 -2
  79. package/vite.config.js +22 -22
@@ -1,77 +1,77 @@
1
- import * as d3 from 'd3'
2
- import {
3
- map,
4
- takeUntil,
5
- Subject } from 'rxjs'
6
- import {
7
- defineMultiGridPlugin } from '@orbcharts/core'
8
-
9
- import { DEFAULT_MULTI_LINES_PARAMS } from '../defaults'
10
- import { createBaseLines } from '../../base/BaseLines'
11
- import { multiGridPluginDetailObservables } from '../multiGridObservables'
12
- import { getClassName, getUniID } from '../../utils/orbchartsUtils'
13
-
14
- const pluginName = 'MultiLines'
15
-
16
- const gridClassName = getClassName(pluginName, 'grid')
17
-
18
- export const MultiLines = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINES_PARAMS)(({ selection, rootSelection, name, subject, observer }) => {
19
- const destroy$ = new Subject()
20
-
21
- const unsubscribeFnArr: (() => void)[] = []
22
-
23
- // 攤平所有grid的containerPosition
24
- const allContainerPosition$ = observer.multiGridContainerPosition$.pipe(
25
- takeUntil(destroy$),
26
- map(data => {
27
- return data.flat()
28
- })
29
- )
30
-
31
- const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
32
-
33
- multiGridPluginDetail$
34
- .pipe(
35
- takeUntil(destroy$)
36
- )
37
- .subscribe(data => {
38
- // 每次重新計算時,清除之前的訂閱
39
- unsubscribeFnArr.forEach(fn => fn())
40
-
41
- selection.selectAll(`g.${gridClassName}`)
42
- .data(data)
43
- .join('g')
44
- .attr('class', gridClassName)
45
- .each((d, i, g) => {
46
-
47
- const gridSelection = d3.select(g[i])
48
-
49
- unsubscribeFnArr[i] = createBaseLines(pluginName, {
50
- selection: gridSelection,
51
- computedData$: d.computedData$,
52
- computedLayoutData$: d.computedLayoutData$,
53
- visibleComputedData$: d.visibleComputedData$,
54
- visibleComputedLayoutData$: d.visibleComputedLayoutData$,
55
- seriesLabels$: d.seriesLabels$,
56
- SeriesDataMap$: d.SeriesDataMap$,
57
- GroupDataMap$: d.GroupDataMap$,
58
- fullDataFormatter$: d.dataFormatter$,
59
- fullParams$: observer.fullParams$,
60
- fullChartParams$: observer.fullChartParams$,
61
- gridAxesTransform$: d.gridAxesTransform$,
62
- gridGraphicTransform$: d.gridGraphicTransform$,
63
- gridAxesSize$: d.gridAxesSize$,
64
- gridHighlight$: d.gridHighlight$,
65
- gridContainerPosition$: d.gridContainerPosition$,
66
- allContainerPosition$,
67
- layout$: observer.layout$,
68
- event$: subject.event$ as Subject<any>,
69
- })
70
- })
71
- })
72
-
73
- return () => {
74
- destroy$.next(undefined)
75
- unsubscribeFnArr.forEach(fn => fn())
76
- }
77
- })
1
+ import * as d3 from 'd3'
2
+ import {
3
+ map,
4
+ takeUntil,
5
+ Subject } from 'rxjs'
6
+ import {
7
+ defineMultiGridPlugin } from '@orbcharts/core'
8
+
9
+ import { DEFAULT_MULTI_LINES_PARAMS } from '../defaults'
10
+ import { createBaseLines } from '../../base/BaseLines'
11
+ import { multiGridPluginDetailObservables } from '../multiGridObservables'
12
+ import { getClassName, getUniID } from '../../utils/orbchartsUtils'
13
+
14
+ const pluginName = 'MultiLines'
15
+
16
+ const gridClassName = getClassName(pluginName, 'grid')
17
+
18
+ export const MultiLines = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINES_PARAMS)(({ selection, rootSelection, name, subject, observer }) => {
19
+ const destroy$ = new Subject()
20
+
21
+ const unsubscribeFnArr: (() => void)[] = []
22
+
23
+ // 攤平所有grid的containerPosition
24
+ const allContainerPosition$ = observer.multiGridContainerPosition$.pipe(
25
+ takeUntil(destroy$),
26
+ map(data => {
27
+ return data.flat()
28
+ })
29
+ )
30
+
31
+ const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
32
+
33
+ multiGridPluginDetail$
34
+ .pipe(
35
+ takeUntil(destroy$)
36
+ )
37
+ .subscribe(data => {
38
+ // 每次重新計算時,清除之前的訂閱
39
+ unsubscribeFnArr.forEach(fn => fn())
40
+
41
+ selection.selectAll(`g.${gridClassName}`)
42
+ .data(data)
43
+ .join('g')
44
+ .attr('class', gridClassName)
45
+ .each((d, i, g) => {
46
+
47
+ const gridSelection = d3.select(g[i])
48
+
49
+ unsubscribeFnArr[i] = createBaseLines(pluginName, {
50
+ selection: gridSelection,
51
+ computedData$: d.computedData$,
52
+ computedLayoutData$: d.computedLayoutData$,
53
+ visibleComputedData$: d.visibleComputedData$,
54
+ visibleComputedLayoutData$: d.visibleComputedLayoutData$,
55
+ seriesLabels$: d.seriesLabels$,
56
+ SeriesDataMap$: d.SeriesDataMap$,
57
+ GroupDataMap$: d.GroupDataMap$,
58
+ fullDataFormatter$: d.dataFormatter$,
59
+ fullParams$: observer.fullParams$,
60
+ fullChartParams$: observer.fullChartParams$,
61
+ gridAxesTransform$: d.gridAxesTransform$,
62
+ gridGraphicTransform$: d.gridGraphicTransform$,
63
+ gridAxesSize$: d.gridAxesSize$,
64
+ gridHighlight$: d.gridHighlight$,
65
+ gridContainerPosition$: d.gridContainerPosition$,
66
+ allContainerPosition$,
67
+ layout$: observer.layout$,
68
+ event$: subject.event$ as Subject<any>,
69
+ })
70
+ })
71
+ })
72
+
73
+ return () => {
74
+ destroy$.next(undefined)
75
+ unsubscribeFnArr.forEach(fn => fn())
76
+ }
77
+ })
@@ -1,69 +1,69 @@
1
- import * as d3 from 'd3'
2
- import {
3
- Subject,
4
- map,
5
- distinctUntilChanged,
6
- shareReplay,
7
- takeUntil
8
- } from 'rxjs'
9
- import {
10
- defineMultiGridPlugin } from '@orbcharts/core'
11
- import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
12
- import { createBaseValueAxis } from '../../base/BaseValueAxis'
13
- import { multiGridPluginDetailObservables } from '../multiGridObservables'
14
- import { getClassName, getUniID } from '../../utils/orbchartsUtils'
15
-
16
- const pluginName = 'MultiValueAxis'
17
-
18
- const gridClassName = getClassName(pluginName, 'grid')
19
-
20
- export const MultiValueAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
21
- const destroy$ = new Subject()
22
-
23
- const unsubscribeFnArr: (() => void)[] = []
24
-
25
- const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
26
-
27
- multiGridPluginDetail$
28
- .pipe(
29
- takeUntil(destroy$)
30
- )
31
- .subscribe(data => {
32
- // 每次重新計算時,清除之前的訂閱
33
- unsubscribeFnArr.forEach(fn => fn())
34
-
35
- selection.selectAll(`g.${gridClassName}`)
36
- .data(data)
37
- .join('g')
38
- .attr('class', gridClassName)
39
- .each((d, i, g) => {
40
-
41
- const gridSelection = d3.select(g[i])
42
-
43
- const isSeriesSeprate$ = d.dataFormatter$.pipe(
44
- takeUntil(destroy$),
45
- map(d => d.grid.separateSeries),
46
- distinctUntilChanged(),
47
- shareReplay(1)
48
- )
49
-
50
- unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
51
- selection: gridSelection,
52
- computedData$: d.computedData$,
53
- fullParams$: observer.fullParams$,
54
- fullDataFormatter$: d.dataFormatter$,
55
- fullChartParams$: observer.fullChartParams$,
56
- gridAxesTransform$: d.gridAxesTransform$,
57
- gridAxesReverseTransform$: d.gridAxesReverseTransform$,
58
- gridAxesSize$: d.gridAxesSize$,
59
- gridContainerPosition$: d.gridContainerPosition$,
60
- isSeriesSeprate$,
61
- })
62
- })
63
- })
64
-
65
- return () => {
66
- destroy$.next(undefined)
67
- unsubscribeFnArr.forEach(fn => fn())
68
- }
69
- })
1
+ import * as d3 from 'd3'
2
+ import {
3
+ Subject,
4
+ map,
5
+ distinctUntilChanged,
6
+ shareReplay,
7
+ takeUntil
8
+ } from 'rxjs'
9
+ import {
10
+ defineMultiGridPlugin } from '@orbcharts/core'
11
+ import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
12
+ import { createBaseValueAxis } from '../../base/BaseValueAxis'
13
+ import { multiGridPluginDetailObservables } from '../multiGridObservables'
14
+ import { getClassName, getUniID } from '../../utils/orbchartsUtils'
15
+
16
+ const pluginName = 'MultiValueAxis'
17
+
18
+ const gridClassName = getClassName(pluginName, 'grid')
19
+
20
+ export const MultiValueAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
21
+ const destroy$ = new Subject()
22
+
23
+ const unsubscribeFnArr: (() => void)[] = []
24
+
25
+ const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
26
+
27
+ multiGridPluginDetail$
28
+ .pipe(
29
+ takeUntil(destroy$)
30
+ )
31
+ .subscribe(data => {
32
+ // 每次重新計算時,清除之前的訂閱
33
+ unsubscribeFnArr.forEach(fn => fn())
34
+
35
+ selection.selectAll(`g.${gridClassName}`)
36
+ .data(data)
37
+ .join('g')
38
+ .attr('class', gridClassName)
39
+ .each((d, i, g) => {
40
+
41
+ const gridSelection = d3.select(g[i])
42
+
43
+ const isSeriesSeprate$ = d.dataFormatter$.pipe(
44
+ takeUntil(destroy$),
45
+ map(d => d.grid.separateSeries),
46
+ distinctUntilChanged(),
47
+ shareReplay(1)
48
+ )
49
+
50
+ unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
51
+ selection: gridSelection,
52
+ computedData$: d.computedData$,
53
+ fullParams$: observer.fullParams$,
54
+ fullDataFormatter$: d.dataFormatter$,
55
+ fullChartParams$: observer.fullChartParams$,
56
+ gridAxesTransform$: d.gridAxesTransform$,
57
+ gridAxesReverseTransform$: d.gridAxesReverseTransform$,
58
+ gridAxesSize$: d.gridAxesSize$,
59
+ gridContainerPosition$: d.gridContainerPosition$,
60
+ isSeriesSeprate$,
61
+ })
62
+ })
63
+ })
64
+
65
+ return () => {
66
+ destroy$.next(undefined)
67
+ unsubscribeFnArr.forEach(fn => fn())
68
+ }
69
+ })
@@ -1,69 +1,69 @@
1
- import * as d3 from 'd3'
2
- import {
3
- Subject,
4
- map,
5
- distinctUntilChanged,
6
- shareReplay,
7
- takeUntil
8
- } from 'rxjs'
9
- import {
10
- defineMultiGridPlugin } from '@orbcharts/core'
11
- import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
12
- import { createBaseValueAxis } from '../../base/BaseValueAxis'
13
- import { multiGridPluginDetailObservables } from '../multiGridObservables'
14
- import { getClassName, getUniID } from '../../utils/orbchartsUtils'
15
-
16
- const pluginName = 'MultiValueStackAxis'
17
-
18
- const gridClassName = getClassName(pluginName, 'grid')
19
-
20
- export const MultiValueStackAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
21
- const destroy$ = new Subject()
22
-
23
- const unsubscribeFnArr: (() => void)[] = []
24
-
25
- const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
26
-
27
- multiGridPluginDetail$
28
- .pipe(
29
- takeUntil(destroy$)
30
- )
31
- .subscribe(data => {
32
- // 每次重新計算時,清除之前的訂閱
33
- unsubscribeFnArr.forEach(fn => fn())
34
-
35
- selection.selectAll(`g.${gridClassName}`)
36
- .data(data)
37
- .join('g')
38
- .attr('class', gridClassName)
39
- .each((d, i, g) => {
40
-
41
- const gridSelection = d3.select(g[i])
42
-
43
- const isSeriesSeprate$ = d.dataFormatter$.pipe(
44
- takeUntil(destroy$),
45
- map(d => d.grid.separateSeries),
46
- distinctUntilChanged(),
47
- shareReplay(1)
48
- )
49
-
50
- unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
51
- selection: gridSelection,
52
- computedData$: d.computedStackedData$, // 計算疊加value的資料
53
- fullParams$: observer.fullParams$,
54
- fullDataFormatter$: d.dataFormatter$,
55
- fullChartParams$: observer.fullChartParams$,
56
- gridAxesTransform$: d.gridAxesTransform$,
57
- gridAxesReverseTransform$: d.gridAxesReverseTransform$,
58
- gridAxesSize$: d.gridAxesSize$,
59
- gridContainerPosition$: d.gridContainerPosition$,
60
- isSeriesSeprate$,
61
- })
62
- })
63
- })
64
-
65
- return () => {
66
- destroy$.next(undefined)
67
- unsubscribeFnArr.forEach(fn => fn())
68
- }
69
- })
1
+ import * as d3 from 'd3'
2
+ import {
3
+ Subject,
4
+ map,
5
+ distinctUntilChanged,
6
+ shareReplay,
7
+ takeUntil
8
+ } from 'rxjs'
9
+ import {
10
+ defineMultiGridPlugin } from '@orbcharts/core'
11
+ import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
12
+ import { createBaseValueAxis } from '../../base/BaseValueAxis'
13
+ import { multiGridPluginDetailObservables } from '../multiGridObservables'
14
+ import { getClassName, getUniID } from '../../utils/orbchartsUtils'
15
+
16
+ const pluginName = 'MultiValueStackAxis'
17
+
18
+ const gridClassName = getClassName(pluginName, 'grid')
19
+
20
+ export const MultiValueStackAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
21
+ const destroy$ = new Subject()
22
+
23
+ const unsubscribeFnArr: (() => void)[] = []
24
+
25
+ const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
26
+
27
+ multiGridPluginDetail$
28
+ .pipe(
29
+ takeUntil(destroy$)
30
+ )
31
+ .subscribe(data => {
32
+ // 每次重新計算時,清除之前的訂閱
33
+ unsubscribeFnArr.forEach(fn => fn())
34
+
35
+ selection.selectAll(`g.${gridClassName}`)
36
+ .data(data)
37
+ .join('g')
38
+ .attr('class', gridClassName)
39
+ .each((d, i, g) => {
40
+
41
+ const gridSelection = d3.select(g[i])
42
+
43
+ const isSeriesSeprate$ = d.dataFormatter$.pipe(
44
+ takeUntil(destroy$),
45
+ map(d => d.grid.separateSeries),
46
+ distinctUntilChanged(),
47
+ shareReplay(1)
48
+ )
49
+
50
+ unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
51
+ selection: gridSelection,
52
+ computedData$: d.computedStackedData$, // 計算疊加value的資料
53
+ fullParams$: observer.fullParams$,
54
+ fullDataFormatter$: d.dataFormatter$,
55
+ fullChartParams$: observer.fullChartParams$,
56
+ gridAxesTransform$: d.gridAxesTransform$,
57
+ gridAxesReverseTransform$: d.gridAxesReverseTransform$,
58
+ gridAxesSize$: d.gridAxesSize$,
59
+ gridContainerPosition$: d.gridContainerPosition$,
60
+ isSeriesSeprate$,
61
+ })
62
+ })
63
+ })
64
+
65
+ return () => {
66
+ destroy$.next(undefined)
67
+ unsubscribeFnArr.forEach(fn => fn())
68
+ }
69
+ })