@orbcharts/plugins-basic 3.0.7 → 3.0.9

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 (121) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-plugins-basic.es.js +6837 -6656
  3. package/dist/orbcharts-plugins-basic.umd.js +45 -45
  4. package/dist/src/base/BaseStackedBars.d.ts +2 -0
  5. package/dist/src/series/defaults.d.ts +2 -1
  6. package/dist/src/series/index.d.ts +1 -0
  7. package/dist/src/series/plugins/Indicator.d.ts +3 -0
  8. package/lib/core-types.ts +7 -7
  9. package/lib/core.ts +6 -6
  10. package/lib/gridObservables.ts +6 -6
  11. package/lib/plugins-basic-types.ts +6 -6
  12. package/package.json +48 -48
  13. package/src/base/BaseBars.ts +765 -765
  14. package/src/base/BaseBarsTriangle.ts +676 -676
  15. package/src/base/BaseDots.ts +464 -464
  16. package/src/base/BaseGroupAxis.ts +691 -691
  17. package/src/base/BaseLegend.ts +684 -684
  18. package/src/base/BaseLineAreas.ts +629 -629
  19. package/src/base/BaseLines.ts +706 -706
  20. package/src/base/BaseOrdinalBubbles.ts +729 -729
  21. package/src/base/BaseRacingBars.ts +582 -582
  22. package/src/base/BaseRacingLabels.ts +404 -404
  23. package/src/base/BaseRacingValueLabels.ts +403 -403
  24. package/src/base/BaseStackedBars.ts +793 -782
  25. package/src/base/BaseTooltip.ts +408 -408
  26. package/src/base/BaseValueAxis.ts +600 -600
  27. package/src/base/BaseXAxis.ts +427 -427
  28. package/src/base/BaseXZoom.ts +241 -241
  29. package/src/base/BaseYAxis.ts +389 -389
  30. package/src/base/types.ts +2 -2
  31. package/src/const.ts +30 -30
  32. package/src/grid/defaults.ts +213 -213
  33. package/src/grid/gridObservables.ts +635 -635
  34. package/src/grid/index.ts +16 -16
  35. package/src/grid/plugins/Bars.ts +69 -69
  36. package/src/grid/plugins/BarsPN.ts +66 -66
  37. package/src/grid/plugins/BarsTriangle.ts +73 -73
  38. package/src/grid/plugins/Dots.ts +68 -68
  39. package/src/grid/plugins/GridLegend.ts +107 -107
  40. package/src/grid/plugins/GridTooltip.ts +66 -66
  41. package/src/grid/plugins/GroupAux.ts +1095 -1095
  42. package/src/grid/plugins/GroupAxis.ts +73 -73
  43. package/src/grid/plugins/GroupZoom.ts +218 -218
  44. package/src/grid/plugins/LineAreas.ts +65 -65
  45. package/src/grid/plugins/Lines.ts +59 -59
  46. package/src/grid/plugins/StackedBars.ts +66 -64
  47. package/src/grid/plugins/StackedValueAxis.ts +97 -96
  48. package/src/grid/plugins/ValueAxis.ts +94 -94
  49. package/src/index.ts +6 -6
  50. package/src/multiGrid/defaults.ts +244 -244
  51. package/src/multiGrid/index.ts +14 -14
  52. package/src/multiGrid/multiGridObservables.ts +50 -50
  53. package/src/multiGrid/plugins/MultiBars.ts +108 -108
  54. package/src/multiGrid/plugins/MultiBarsTriangle.ts +114 -114
  55. package/src/multiGrid/plugins/MultiDots.ts +102 -102
  56. package/src/multiGrid/plugins/MultiGridLegend.ts +169 -169
  57. package/src/multiGrid/plugins/MultiGridTooltip.ts +66 -66
  58. package/src/multiGrid/plugins/MultiGroupAxis.ts +137 -137
  59. package/src/multiGrid/plugins/MultiLineAreas.ts +107 -107
  60. package/src/multiGrid/plugins/MultiLines.ts +101 -101
  61. package/src/multiGrid/plugins/MultiStackedBars.ts +109 -106
  62. package/src/multiGrid/plugins/MultiStackedValueAxis.ts +135 -134
  63. package/src/multiGrid/plugins/MultiValueAxis.ts +134 -134
  64. package/src/multiGrid/plugins/OverlappingStackedValueAxes.ts +300 -300
  65. package/src/multiGrid/plugins/OverlappingValueAxes.ts +300 -300
  66. package/src/multiValue/defaults.ts +523 -523
  67. package/src/multiValue/index.ts +16 -16
  68. package/src/multiValue/multiValueObservables.ts +781 -781
  69. package/src/multiValue/plugins/MultiValueLegend.ts +107 -107
  70. package/src/multiValue/plugins/MultiValueTooltip.ts +66 -66
  71. package/src/multiValue/plugins/OrdinalAux.ts +660 -660
  72. package/src/multiValue/plugins/OrdinalAxis.ts +524 -524
  73. package/src/multiValue/plugins/OrdinalBubbles.ts +226 -226
  74. package/src/multiValue/plugins/OrdinalZoom.ts +57 -57
  75. package/src/multiValue/plugins/RacingBars.ts +375 -375
  76. package/src/multiValue/plugins/RacingCounterTexts.ts +300 -300
  77. package/src/multiValue/plugins/RacingValueAxis.ts +114 -114
  78. package/src/multiValue/plugins/Scatter.ts +486 -486
  79. package/src/multiValue/plugins/ScatterBubbles.ts +635 -635
  80. package/src/multiValue/plugins/XAxis.ts +107 -107
  81. package/src/multiValue/plugins/XYAux.ts +683 -683
  82. package/src/multiValue/plugins/XYAxes.ts +194 -194
  83. package/src/multiValue/plugins/XYAxes_legacy.ts +683 -683
  84. package/src/multiValue/plugins/XZoom.ts +40 -40
  85. package/src/noneData/defaults.ts +102 -102
  86. package/src/noneData/index.ts +3 -3
  87. package/src/noneData/plugins/Container.ts +27 -27
  88. package/src/noneData/plugins/Tooltip.ts +373 -373
  89. package/src/relationship/defaults.ts +221 -221
  90. package/src/relationship/index.ts +5 -5
  91. package/src/relationship/plugins/ForceDirected.ts +1056 -1056
  92. package/src/relationship/plugins/ForceDirectedBubbles.ts +1294 -1294
  93. package/src/relationship/plugins/RelationshipLegend.ts +100 -100
  94. package/src/relationship/plugins/RelationshipTooltip.ts +66 -66
  95. package/src/relationship/relationshipObservables.ts +49 -49
  96. package/src/series/defaults.ts +236 -224
  97. package/src/series/index.ts +10 -9
  98. package/src/series/plugins/Bubbles.ts +784 -784
  99. package/src/series/plugins/Indicator.ts +292 -0
  100. package/src/series/plugins/Pie.ts +622 -622
  101. package/src/series/plugins/PieEventTexts.ts +283 -283
  102. package/src/series/plugins/PieLabels.ts +639 -639
  103. package/src/series/plugins/Rose.ts +515 -515
  104. package/src/series/plugins/RoseLabels.ts +599 -599
  105. package/src/series/plugins/SeriesLegend.ts +107 -107
  106. package/src/series/plugins/SeriesTooltip.ts +66 -66
  107. package/src/series/seriesObservables.ts +168 -168
  108. package/src/series/seriesUtils.ts +51 -51
  109. package/src/tree/defaults.ts +102 -102
  110. package/src/tree/index.ts +4 -4
  111. package/src/tree/plugins/TreeLegend.ts +100 -100
  112. package/src/tree/plugins/TreeMap.ts +341 -341
  113. package/src/tree/plugins/TreeTooltip.ts +66 -66
  114. package/src/utils/commonUtils.ts +31 -31
  115. package/src/utils/d3Graphics.ts +176 -176
  116. package/src/utils/d3Utils.ts +92 -92
  117. package/src/utils/observables.ts +14 -14
  118. package/src/utils/orbchartsUtils.ts +129 -129
  119. package/tsconfig.base.json +13 -13
  120. package/tsconfig.json +2 -2
  121. package/vite.config.js +22 -22
@@ -1,41 +1,41 @@
1
- import {
2
- Subject } from 'rxjs'
3
- import type { DefinePluginConfig } from '../../../lib/core-types'
4
- import {
5
- defineMultiValuePlugin, createValueToAxisScale } from '../../../lib/core'
6
- import { DEFAULT_X_ZOOM_PARAMS } from '../defaults'
7
- import { LAYER_INDEX_OF_ROOT } from '../../const'
8
- import { createBaseXZoom } from '../../base/BaseXZoom'
9
-
10
- const pluginName = 'XZoom'
11
-
12
- const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_X_ZOOM_PARAMS> = {
13
- name: pluginName,
14
- defaultParams: DEFAULT_X_ZOOM_PARAMS,
15
- layerIndex: LAYER_INDEX_OF_ROOT,
16
- validator: (params, { validateColumns }) => {
17
- return {
18
- status: 'success',
19
- columnName: '',
20
- expectToBe: ''
21
- }
22
- }
23
- }
24
-
25
- export const XZoom = defineMultiValuePlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
26
-
27
- const destroy$ = new Subject()
28
-
29
- const unsubscribeBaseOrdinalBubbles = createBaseXZoom(pluginName, {
30
- rootSelection,
31
- fullDataFormatter$: observer.fullDataFormatter$,
32
- xyMinMax$: observer.xyMinMax$,
33
- layout$: observer.layout$,
34
- dataFormatter$: subject.dataFormatter$,
35
- })
36
-
37
- return () => {
38
- destroy$.next(undefined)
39
- unsubscribeBaseOrdinalBubbles()
40
- }
1
+ import {
2
+ Subject } from 'rxjs'
3
+ import type { DefinePluginConfig } from '../../../lib/core-types'
4
+ import {
5
+ defineMultiValuePlugin, createValueToAxisScale } from '../../../lib/core'
6
+ import { DEFAULT_X_ZOOM_PARAMS } from '../defaults'
7
+ import { LAYER_INDEX_OF_ROOT } from '../../const'
8
+ import { createBaseXZoom } from '../../base/BaseXZoom'
9
+
10
+ const pluginName = 'XZoom'
11
+
12
+ const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_X_ZOOM_PARAMS> = {
13
+ name: pluginName,
14
+ defaultParams: DEFAULT_X_ZOOM_PARAMS,
15
+ layerIndex: LAYER_INDEX_OF_ROOT,
16
+ validator: (params, { validateColumns }) => {
17
+ return {
18
+ status: 'success',
19
+ columnName: '',
20
+ expectToBe: ''
21
+ }
22
+ }
23
+ }
24
+
25
+ export const XZoom = defineMultiValuePlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
26
+
27
+ const destroy$ = new Subject()
28
+
29
+ const unsubscribeBaseOrdinalBubbles = createBaseXZoom(pluginName, {
30
+ rootSelection,
31
+ fullDataFormatter$: observer.fullDataFormatter$,
32
+ xyMinMax$: observer.xyMinMax$,
33
+ layout$: observer.layout$,
34
+ dataFormatter$: subject.dataFormatter$,
35
+ })
36
+
37
+ return () => {
38
+ destroy$.next(undefined)
39
+ unsubscribeBaseOrdinalBubbles()
40
+ }
41
41
  })
@@ -1,103 +1,103 @@
1
- import type { ContainerPluginParams, TooltipParams } from '../../lib/plugins-basic-types'
2
- import type { EventTypeMap, EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '../../lib/core-types'
3
-
4
- export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
5
- header: {
6
- height: 36,
7
- text: [],
8
- textStyle: []
9
- },
10
- footer: {
11
- height: 0,
12
- text: [],
13
- textStyle: []
14
- }
15
- }
16
-
17
- export const TOOLTIP_PARAMS: TooltipParams = {
18
- backgroundColorType: 'background',
19
- strokeColorType: 'primary',
20
- backgroundOpacity: 0.8,
21
- textColorType: 'primary',
22
- offset: [20, 5],
23
- padding: 10,
24
- textRenderFn: (eventData) => {
25
- if (eventData.highlightTarget === 'datum' && eventData.datum) {
26
- return [`${(eventData as EventTypeMap<'series'>).datum.label}: ${(eventData as EventTypeMap<'series'>).datum.value}`]
27
- } else if (eventData.highlightTarget === 'series') {
28
- const label = (eventData as EventBaseSeriesValue).seriesLabel
29
- const valueArr = (eventData as EventBaseSeriesValue).series
30
- .filter(d => d.visible == true)
31
- .map(d => {
32
- return d.value
33
- })
34
- const value = valueArr.length > 5
35
- ? valueArr.slice(0, 5).join(',') + '...'
36
- : valueArr.join(',')
37
- return [label, value]
38
- } else if (eventData.highlightTarget === 'group') {
39
- const label = (eventData as EventBaseGridValue<'grid'>).groupLabel
40
- const valueArr = (eventData as EventBaseGridValue<'grid'>).series
41
- .filter(d => d.visible == true)
42
- .map(d => {
43
- return d.value
44
- })
45
- const value = valueArr.length > 5
46
- ? valueArr.slice(0, 5).join(',') + '...'
47
- : valueArr.join(',')
48
- return [label, value]
49
- } else if (eventData.highlightTarget === 'category') {
50
- const label = (eventData as EventBaseCategoryValue<any>).categoryLabel
51
- const valueArr = (eventData as EventBaseCategoryValue<'multiValue'>).category
52
- .filter(d => d.visible == true)
53
- .map(d => {
54
- return d.value
55
- })
56
- const value = valueArr.length > 5
57
- ? valueArr.slice(0, 5).join(',') + '...'
58
- : valueArr.join(',')
59
- return [label, value]
60
- }
61
- return []
62
- },
63
- svgRenderFn: null
64
- }
65
- TOOLTIP_PARAMS.textRenderFn.toString = () => `(eventData) => {
66
- if (eventData.highlightTarget === 'datum' && eventData.datum) {
67
- return [\`\${eventData.datum.label}: \${eventData.datum.value}\`]
68
- } else if (eventData.highlightTarget === 'series') {
69
- const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
70
- const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
71
- .filter(d => d.visible == true)
72
- .map(d => {
73
- return d.value
74
- })
75
- const value = valueArr.length > 5
76
- ? valueArr.slice(0, 5).join(',') + '...'
77
- : valueArr.join(',')
78
- return [label, value]
79
- } else if (eventData.highlightTarget === 'group') {
80
- const label = (eventData as EventBaseGridValue<any, any>).groupLabel
81
- const valueArr = (eventData as EventBaseGridValue<any, any>).series
82
- .filter(d => d.visible == true)
83
- .map(d => {
84
- return d.value
85
- })
86
- const value = valueArr.length > 5
87
- ? valueArr.slice(0, 5).join(',') + '...'
88
- : valueArr.join(',')
89
- return [label, value]
90
- } else if (eventData.highlightTarget === 'category') {
91
- const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
92
- const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
93
- .filter(d => d.visible == true)
94
- .map(d => {
95
- return d.value
96
- })
97
- const value = valueArr.length > 5
98
- ? valueArr.slice(0, 5).join(',') + '...'
99
- : valueArr.join(',')
100
- return [label, value]
101
- }
102
- return []
1
+ import type { ContainerPluginParams, TooltipParams } from '../../lib/plugins-basic-types'
2
+ import type { EventTypeMap, EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '../../lib/core-types'
3
+
4
+ export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
5
+ header: {
6
+ height: 36,
7
+ text: [],
8
+ textStyle: []
9
+ },
10
+ footer: {
11
+ height: 0,
12
+ text: [],
13
+ textStyle: []
14
+ }
15
+ }
16
+
17
+ export const TOOLTIP_PARAMS: TooltipParams = {
18
+ backgroundColorType: 'background',
19
+ strokeColorType: 'primary',
20
+ backgroundOpacity: 0.8,
21
+ textColorType: 'primary',
22
+ offset: [20, 5],
23
+ padding: 10,
24
+ textRenderFn: (eventData) => {
25
+ if (eventData.highlightTarget === 'datum' && eventData.datum) {
26
+ return [`${(eventData as EventTypeMap<'series'>).datum.label}: ${(eventData as EventTypeMap<'series'>).datum.value}`]
27
+ } else if (eventData.highlightTarget === 'series') {
28
+ const label = (eventData as EventBaseSeriesValue).seriesLabel
29
+ const valueArr = (eventData as EventBaseSeriesValue).series
30
+ .filter(d => d.visible == true)
31
+ .map(d => {
32
+ return d.value
33
+ })
34
+ const value = valueArr.length > 5
35
+ ? valueArr.slice(0, 5).join(',') + '...'
36
+ : valueArr.join(',')
37
+ return [label, value]
38
+ } else if (eventData.highlightTarget === 'group') {
39
+ const label = (eventData as EventBaseGridValue<'grid'>).groupLabel
40
+ const valueArr = (eventData as EventBaseGridValue<'grid'>).series
41
+ .filter(d => d.visible == true)
42
+ .map(d => {
43
+ return d.value
44
+ })
45
+ const value = valueArr.length > 5
46
+ ? valueArr.slice(0, 5).join(',') + '...'
47
+ : valueArr.join(',')
48
+ return [label, value]
49
+ } else if (eventData.highlightTarget === 'category') {
50
+ const label = (eventData as EventBaseCategoryValue<any>).categoryLabel
51
+ const valueArr = (eventData as EventBaseCategoryValue<'multiValue'>).category
52
+ .filter(d => d.visible == true)
53
+ .map(d => {
54
+ return d.value
55
+ })
56
+ const value = valueArr.length > 5
57
+ ? valueArr.slice(0, 5).join(',') + '...'
58
+ : valueArr.join(',')
59
+ return [label, value]
60
+ }
61
+ return []
62
+ },
63
+ svgRenderFn: null
64
+ }
65
+ TOOLTIP_PARAMS.textRenderFn.toString = () => `(eventData) => {
66
+ if (eventData.highlightTarget === 'datum' && eventData.datum) {
67
+ return [\`\${eventData.datum.label}: \${eventData.datum.value}\`]
68
+ } else if (eventData.highlightTarget === 'series') {
69
+ const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
70
+ const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
71
+ .filter(d => d.visible == true)
72
+ .map(d => {
73
+ return d.value
74
+ })
75
+ const value = valueArr.length > 5
76
+ ? valueArr.slice(0, 5).join(',') + '...'
77
+ : valueArr.join(',')
78
+ return [label, value]
79
+ } else if (eventData.highlightTarget === 'group') {
80
+ const label = (eventData as EventBaseGridValue<any, any>).groupLabel
81
+ const valueArr = (eventData as EventBaseGridValue<any, any>).series
82
+ .filter(d => d.visible == true)
83
+ .map(d => {
84
+ return d.value
85
+ })
86
+ const value = valueArr.length > 5
87
+ ? valueArr.slice(0, 5).join(',') + '...'
88
+ : valueArr.join(',')
89
+ return [label, value]
90
+ } else if (eventData.highlightTarget === 'category') {
91
+ const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
92
+ const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
93
+ .filter(d => d.visible == true)
94
+ .map(d => {
95
+ return d.value
96
+ })
97
+ const value = valueArr.length > 5
98
+ ? valueArr.slice(0, 5).join(',') + '...'
99
+ : valueArr.join(',')
100
+ return [label, value]
101
+ }
102
+ return []
103
103
  }`
@@ -1,4 +1,4 @@
1
- export * from './defaults'
2
- // export * from './types'
3
- // export { Container } from './plugins/Container'
1
+ export * from './defaults'
2
+ // export * from './types'
3
+ // export { Container } from './plugins/Container'
4
4
  // export { Tooltip } from './plugins/Tooltip'
@@ -1,28 +1,28 @@
1
- // import * as d3 from 'd3'
2
- // import type { DefinePluginConfig } from '../../../lib/core-types'
3
- // import {
4
- // defineNoneDataPlugin } from '../../../lib/core'
5
- // import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
6
- // import { LAYER_INDEX_OF_BG } from '../../const'
7
-
8
- // const pluginName = 'Container'
9
-
10
- // const pluginConfig: DefinePluginConfig<typeof pluginName, typeof CONTAINER_PLUGIN_PARAMS> = {
11
- // name: pluginName,
12
- // defaultParams: CONTAINER_PLUGIN_PARAMS,
13
- // layerIndex: LAYER_INDEX_OF_BG,
14
- // validator: (params, { validateColumns }) => {
15
- // return {
16
- // status: 'success',
17
- // columnName: '',
18
- // expectToBe: '',
19
- // }
20
- // }
21
- // }
22
-
23
- // export const Container = defineNoneDataPlugin(pluginConfig)(({ selection }) => {
24
-
25
- // return function unsubscribe () {
26
-
27
- // }
1
+ // import * as d3 from 'd3'
2
+ // import type { DefinePluginConfig } from '../../../lib/core-types'
3
+ // import {
4
+ // defineNoneDataPlugin } from '../../../lib/core'
5
+ // import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
6
+ // import { LAYER_INDEX_OF_BG } from '../../const'
7
+
8
+ // const pluginName = 'Container'
9
+
10
+ // const pluginConfig: DefinePluginConfig<typeof pluginName, typeof CONTAINER_PLUGIN_PARAMS> = {
11
+ // name: pluginName,
12
+ // defaultParams: CONTAINER_PLUGIN_PARAMS,
13
+ // layerIndex: LAYER_INDEX_OF_BG,
14
+ // validator: (params, { validateColumns }) => {
15
+ // return {
16
+ // status: 'success',
17
+ // columnName: '',
18
+ // expectToBe: '',
19
+ // }
20
+ // }
21
+ // }
22
+
23
+ // export const Container = defineNoneDataPlugin(pluginConfig)(({ selection }) => {
24
+
25
+ // return function unsubscribe () {
26
+
27
+ // }
28
28
  // })