@orbcharts/core 3.0.0-beta.8 → 3.0.0

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 (76) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-core.es.js +2734 -2353
  3. package/dist/orbcharts-core.umd.js +4 -4
  4. package/dist/src/defaults.d.ts +2 -1
  5. package/dist/src/utils/gridObservables.d.ts +8 -4
  6. package/dist/src/utils/index.d.ts +0 -3
  7. package/dist/src/utils/multiGridObservables.d.ts +3 -2
  8. package/dist/src/utils/multiValueObservables.d.ts +76 -29
  9. package/dist/src/utils/observables.d.ts +8 -1
  10. package/dist/src/utils/orbchartsUtils.d.ts +9 -9
  11. package/dist/src/utils/seriesObservables.d.ts +1 -1
  12. package/lib/core-types.ts +7 -7
  13. package/package.json +42 -42
  14. package/src/AbstractChart.ts +57 -57
  15. package/src/GridChart.ts +24 -24
  16. package/src/MultiGridChart.ts +24 -24
  17. package/src/MultiValueChart.ts +24 -24
  18. package/src/RelationshipChart.ts +24 -24
  19. package/src/SeriesChart.ts +24 -24
  20. package/src/TreeChart.ts +24 -24
  21. package/src/base/createBaseChart.ts +506 -505
  22. package/src/base/createBasePlugin.ts +154 -153
  23. package/src/base/validators/chartOptionsValidator.ts +23 -23
  24. package/src/base/validators/chartParamsValidator.ts +133 -133
  25. package/src/base/validators/elementValidator.ts +13 -13
  26. package/src/base/validators/pluginsValidator.ts +14 -14
  27. package/src/defaults.ts +282 -238
  28. package/src/defineGridPlugin.ts +3 -3
  29. package/src/defineMultiGridPlugin.ts +3 -3
  30. package/src/defineMultiValuePlugin.ts +3 -3
  31. package/src/defineNoneDataPlugin.ts +4 -4
  32. package/src/defineRelationshipPlugin.ts +3 -3
  33. package/src/defineSeriesPlugin.ts +3 -3
  34. package/src/defineTreePlugin.ts +3 -3
  35. package/src/grid/computedDataFn.ts +129 -129
  36. package/src/grid/contextObserverCallback.ts +198 -176
  37. package/src/grid/dataFormatterValidator.ts +120 -101
  38. package/src/grid/dataValidator.ts +12 -12
  39. package/src/index.ts +20 -20
  40. package/src/multiGrid/computedDataFn.ts +123 -123
  41. package/src/multiGrid/contextObserverCallback.ts +72 -41
  42. package/src/multiGrid/dataFormatterValidator.ts +115 -115
  43. package/src/multiGrid/dataValidator.ts +12 -12
  44. package/src/multiValue/computedDataFn.ts +113 -110
  45. package/src/multiValue/contextObserverCallback.ts +276 -160
  46. package/src/multiValue/dataFormatterValidator.ts +89 -9
  47. package/src/multiValue/dataValidator.ts +12 -9
  48. package/src/relationship/computedDataFn.ts +159 -144
  49. package/src/relationship/contextObserverCallback.ts +80 -80
  50. package/src/relationship/dataFormatterValidator.ts +13 -9
  51. package/src/relationship/dataValidator.ts +13 -9
  52. package/src/series/computedDataFn.ts +88 -88
  53. package/src/series/contextObserverCallback.ts +107 -100
  54. package/src/series/dataFormatterValidator.ts +41 -41
  55. package/src/series/dataValidator.ts +12 -12
  56. package/src/tree/computedDataFn.ts +129 -129
  57. package/src/tree/contextObserverCallback.ts +58 -58
  58. package/src/tree/dataFormatterValidator.ts +13 -13
  59. package/src/tree/dataValidator.ts +13 -13
  60. package/src/utils/commonUtils.ts +55 -55
  61. package/src/utils/d3Scale.ts +198 -198
  62. package/src/utils/errorMessage.ts +42 -42
  63. package/src/utils/gridObservables.ts +705 -683
  64. package/src/utils/index.ts +10 -10
  65. package/src/utils/multiGridObservables.ts +401 -392
  66. package/src/utils/multiValueObservables.ts +1044 -662
  67. package/src/utils/observables.ts +281 -219
  68. package/src/utils/orbchartsUtils.ts +377 -377
  69. package/src/utils/relationshipObservables.ts +84 -84
  70. package/src/utils/seriesObservables.ts +175 -175
  71. package/src/utils/treeObservables.ts +105 -105
  72. package/src/utils/validator.ts +126 -126
  73. package/tsconfig.base.json +13 -13
  74. package/tsconfig.json +2 -2
  75. package/vite-env.d.ts +6 -6
  76. package/vite.config.js +22 -22
@@ -1,15 +1,15 @@
1
- import type { ChartType, PluginEntity, ValidatorResult } from '../../../lib/core-types'
2
- import { validateColumns } from '../../utils/validator'
3
-
4
- export function pluginsValidator (chartType: ChartType, pluginEntities: PluginEntity<any, any, any>[]): ValidatorResult {
5
- const result = validateColumns({ pluginEntities }, {
6
- pluginEntities: {
7
- toBe: `PluginEntity<'${chartType}'>[]`,
8
- test: (value: PluginEntity<any, any, any>[]) => {
9
- return Array.isArray(value) && value.every((v) => v.chartType === chartType || v.chartType === 'noneData')
10
- }
11
- }
12
- })
13
-
14
- return result
1
+ import type { ChartType, PluginEntity, ValidatorResult } from '../../../lib/core-types'
2
+ import { validateColumns } from '../../utils/validator'
3
+
4
+ export function pluginsValidator (chartType: ChartType, pluginEntities: PluginEntity<any, any, any>[]): ValidatorResult {
5
+ const result = validateColumns({ pluginEntities }, {
6
+ pluginEntities: {
7
+ toBe: `PluginEntity<'${chartType}'>[]`,
8
+ test: (value: PluginEntity<any, any, any>[]) => {
9
+ return Array.isArray(value) && value.every((v) => v.chartType === chartType || v.chartType === 'noneData')
10
+ }
11
+ }
12
+ })
13
+
14
+ return result
15
15
  }
package/src/defaults.ts CHANGED
@@ -1,238 +1,282 @@
1
- import type {
2
- ChartOptionsPartial,
3
- DataSeries,
4
- DataGrid,
5
- DataMultiGrid,
6
- DataMultiValue,
7
- DataTree,
8
- DataRelationship,
9
- DataFormatterValueAxis,
10
- DataFormatterGroupAxis,
11
- DataFormatterContainer,
12
- DataFormatterSeries,
13
- DataFormatterGrid,
14
- DataFormatterGridGrid,
15
- DataFormatterMultiGrid,
16
- DataFormatterMultiGridGrid,
17
- DataFormatterMultiValue,
18
- DataFormatterTree,
19
- DataFormatterRelationship,
20
- ChartParams,
21
- Padding
22
- } from '../lib/core-types'
23
-
24
- export const DEFAULT_CHART_OPTIONS: ChartOptionsPartial<any> = {
25
- // preset: {} // 預設為空
26
- width: 'auto',
27
- height: 'auto'
28
- }
29
-
30
- // export const GLOBAL_DEFAULT: ChartGlobalDefault = {
31
- // colors: ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
32
- // padding: {
33
- // top: 50,
34
- // right: 70,
35
- // bottom: 50,
36
- // left: 70
37
- // },
38
- // // chartWidth: '100%',
39
- // // chartHeight: 500
40
- // }
41
-
42
- // export const COLORS_DEFAULT = ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67']
43
- // ['#ff7ab9', '#66dec8', '#84c8ff', '#30ad1b', '#f8c43e', '#fa5640', '#9d79d7', '#ea4f98']
44
-
45
- export const DEFAULT_PADDING: Padding = {
46
- top: 60,
47
- right: 60,
48
- bottom: 60,
49
- left: 60
50
- }
51
-
52
- export const DEFAULT_CHART_PARAMS: ChartParams = {
53
- padding: DEFAULT_PADDING,
54
- highlightTarget: 'datum',
55
- highlightDefault: null,
56
- colorScheme: 'light',
57
- colors: {
58
- light: {
59
- // label: ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
60
- // label: ['#F3A356', '#7A60F0', '#38B1AF', '#60A2F0', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
61
- label: ['#60A2F0', '#F3A356', '#7A60F0', '#38B1AF', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
62
- // primary: '#454545',
63
- primary: '#1b1e23',
64
- secondary: '#e1e1e1',
65
- white: '#ffffff',
66
- background: '#ffffff'
67
- },
68
- dark: {
69
- // label: ['#67B7DC', '#6794DC', '#38B1AF', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
70
- label: ['#60A2F0', '#F3A356', '#7A60F0', '#38B1AF', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
71
- primary: '#f0f0f0',
72
- secondary: '#e1e1e1',
73
- white: '#ffffff',
74
- background: '#000000'
75
- }
76
- },
77
- styles: {
78
- // textSize: 14,
79
- textSize: '0.875rem',
80
- unhighlightedOpacity: 0.3
81
- },
82
- transitionDuration: 800,
83
- transitionEase: 'easeCubic'
84
- }
85
-
86
- export const DEFAULT_CHART_WIDTH = 800
87
-
88
- export const DEFAULT_CHART_HEIGHT = 500
89
-
90
- // -- Data --
91
-
92
- export const DEFAULT_DATA_SERIES: DataSeries = []
93
-
94
- export const DEFAULT_DATA_GRID: DataGrid = []
95
-
96
- export const DEFAULT_DATA_MULTI_GRID: DataMultiGrid = []
97
-
98
- export const DEFAULT_DATA_MULTI_VALUE: DataMultiValue = []
99
-
100
- export const DEFAULT_DATA_TREE: DataTree = []
101
-
102
- export const DEFAULTL_DATA_RELATIONA: DataRelationship = {
103
- nodes: [],
104
- edges: []
105
- }
106
-
107
- // -- Data Formatter --
108
-
109
- export const DEFAULT_DATA_FORMATTER_VALUE_AXIS: DataFormatterValueAxis = {
110
- position: 'left',
111
- scaleDomain: ['auto', 'auto'],
112
- scaleRange: [0, 0.9],
113
- label: '',
114
- }
115
-
116
- export const DEFAULT_DATA_FORMATTER_GROUP_AXIS: DataFormatterGroupAxis = {
117
- position: 'bottom',
118
- scaleDomain: [0, 'max'],
119
- scalePadding: 0.5,
120
- label: ''
121
- }
122
-
123
- export const DEFAULT_DATA_FORMATTER_CONTAINER: DataFormatterContainer = {
124
- gap: 120,
125
- rowAmount: 1,
126
- columnAmount: 1
127
- }
128
-
129
- export const DEFAULT_DATA_FORMATTER_SERIES: DataFormatterSeries = {
130
- type: 'series',
131
- visibleFilter: (datum, context) => true,
132
- sort: null,
133
- seriesLabels: [],
134
- container: {
135
- ...DEFAULT_DATA_FORMATTER_CONTAINER
136
- },
137
- separateSeries: false,
138
- sumSeries: false
139
- // mapSeries: (datum, rowIndex, columnIndex, { data, dataFormatter }) => {
140
- // const seriesIndex = rowIndex >= dataFormatter.seriesLabels.length
141
- // ? rowIndex % dataFormatter.seriesLabels.length // 如果index大於所設定的seriesLabels的數量則從頭回來算
142
- // : rowIndex
143
- // return dataFormatter.seriesLabels[seriesIndex]
144
- // },
145
- // colorsPredicate: (datum, rowIndex, columnIndex, { chartParams }) => {
146
- // return rowIndex < chartParams.colors[chartParams.colorScheme].series.length
147
- // ? chartParams.colors[chartParams.colorScheme].series[rowIndex]
148
- // : chartParams.colors[chartParams.colorScheme].series[
149
- // rowIndex % chartParams.colors[chartParams.colorScheme].series.length
150
- // ]
151
- // },
152
- }
153
- DEFAULT_DATA_FORMATTER_SERIES.visibleFilter.toString = () => `(datum, context) => true`
154
-
155
- export const DEFAULT_DATA_FORMATTER_GRID_GRID: DataFormatterGridGrid = {
156
- seriesDirection: 'row',
157
- rowLabels: [],
158
- columnLabels: [],
159
- valueAxis: { ...DEFAULT_DATA_FORMATTER_VALUE_AXIS },
160
- groupAxis: { ...DEFAULT_DATA_FORMATTER_GROUP_AXIS, },
161
- separateSeries: false,
162
- // slotIndex: 0,
163
- // seriesSlotIndexes: null
164
- }
165
-
166
- export const DEFAULT_DATA_FORMATTER_GRID: DataFormatterGrid = {
167
- type: 'grid',
168
- visibleFilter: (datum, context) => true,
169
- // grid: {
170
- ...DEFAULT_DATA_FORMATTER_GRID_GRID,
171
- // },
172
- container: {
173
- ...DEFAULT_DATA_FORMATTER_CONTAINER
174
- }
175
- }
176
- DEFAULT_DATA_FORMATTER_GRID.visibleFilter.toString = () => `(datum, context) => true`
177
-
178
- // export const DATA_FORMATTER_MULTI_GRID_MULTI_GRID_DEFAULT: DataFormatterMultiGridMultiGrid = {
179
- // ...DEFAULT_DATA_FORMATTER_GRID,
180
- // slotIndex: 0,
181
- // seriesSlotIndexes: null
182
- // }
183
-
184
- export const DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID: DataFormatterMultiGridGrid = {
185
- ...DEFAULT_DATA_FORMATTER_GRID_GRID
186
- }
187
-
188
- export const DEFAULT_DATA_FORMATTER_MULTI_GRID: DataFormatterMultiGrid = {
189
- type: 'multiGrid',
190
- visibleFilter: (datum, context) => true,
191
- gridList: [
192
- {
193
- ...DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID
194
- },
195
- ],
196
- separateGrid: false,
197
- container: {
198
- ...DEFAULT_DATA_FORMATTER_CONTAINER
199
- }
200
- }
201
- DEFAULT_DATA_FORMATTER_MULTI_GRID.visibleFilter.toString = () => `(datum, context) => true`
202
-
203
- export const DEFAULT_DATA_FORMATTER_MULTI_VALUE: DataFormatterMultiValue = {
204
- type: 'multiValue',
205
- visibleFilter: (datum, context) => true,
206
- categoryLabels: [],
207
- xAxis: { ...DEFAULT_DATA_FORMATTER_VALUE_AXIS },
208
- yAxis: { ...DEFAULT_DATA_FORMATTER_VALUE_AXIS },
209
- container: {
210
- ...DEFAULT_DATA_FORMATTER_CONTAINER
211
- },
212
- separateCategory: false
213
- }
214
- DEFAULT_DATA_FORMATTER_MULTI_VALUE.visibleFilter.toString = () => `(datum, context) => true`
215
-
216
- export const DEFAULT_DATA_FORMATTER_TREE: DataFormatterTree = {
217
- type: 'tree',
218
- visibleFilter: (datum, context) => true,
219
- // labelFormat: (datum: any) => (datum && datum.label) ?? '',
220
- categoryLabels: []
221
- }
222
- DEFAULT_DATA_FORMATTER_TREE.visibleFilter.toString = () => `(datum, context) => true`
223
-
224
- export const DEFAULT_DATA_FORMATTER_RELATIONSHIP: DataFormatterRelationship = {
225
- type: 'relationship',
226
- visibleFilter: (datum, context) => true,
227
- categoryLabels: []
228
- // node: {
229
- // // labelFormat: (node: any) => (node && node.label) ?? '',
230
- // descriptionFormat: (node: any) => (node && node.label) ?? ''
231
- // },
232
- // edge: {
233
- // // labelFormat: (edge: any) => (edge && edge.label) ?? '',
234
- // descriptionFormat: (edge: any) => (edge && edge.label) ?? ''
235
- // },
236
- }
237
- DEFAULT_DATA_FORMATTER_RELATIONSHIP.visibleFilter.toString = () => `(datum, context) => true`
238
-
1
+ import type {
2
+ ChartOptionsPartial,
3
+ DataSeries,
4
+ DataGrid,
5
+ DataMultiGrid,
6
+ DataMultiValue,
7
+ DataTree,
8
+ DataRelationship,
9
+ DataFormatterValueAxis,
10
+ DataFormatterGroupAxis,
11
+ DataFormatterXYAxis,
12
+ DataFormatterContainer,
13
+ DataFormatterSeries,
14
+ DataFormatterGrid,
15
+ DataFormatterGridGrid,
16
+ DataFormatterMultiGrid,
17
+ DataFormatterMultiGridGrid,
18
+ DataFormatterMultiValue,
19
+ DataFormatterTree,
20
+ DataFormatterRelationship,
21
+ ChartParams,
22
+ Padding
23
+ } from '../lib/core-types'
24
+
25
+ export const DEFAULT_CHART_OPTIONS: ChartOptionsPartial<any> = {
26
+ // preset: {} // 預設為空
27
+ width: 'auto',
28
+ height: 'auto'
29
+ }
30
+
31
+ // export const GLOBAL_DEFAULT: ChartGlobalDefault = {
32
+ // colors: ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
33
+ // padding: {
34
+ // top: 50,
35
+ // right: 70,
36
+ // bottom: 50,
37
+ // left: 70
38
+ // },
39
+ // // chartWidth: '100%',
40
+ // // chartHeight: 500
41
+ // }
42
+
43
+ // export const COLORS_DEFAULT = ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67']
44
+ // ['#ff7ab9', '#66dec8', '#84c8ff', '#30ad1b', '#f8c43e', '#fa5640', '#9d79d7', '#ea4f98']
45
+
46
+ export const DEFAULT_PADDING: Padding = {
47
+ top: 60,
48
+ right: 60,
49
+ bottom: 60,
50
+ left: 60
51
+ }
52
+
53
+ export const DEFAULT_CHART_PARAMS: ChartParams = {
54
+ padding: DEFAULT_PADDING,
55
+ highlightTarget: 'datum',
56
+ highlightDefault: null,
57
+ colorScheme: 'light',
58
+ colors: {
59
+ light: {
60
+ label: [
61
+ "#6CBAFF",
62
+ "#FF6C6C",
63
+ "#F9B052",
64
+ "#7DD3C4",
65
+ "#AA93D2",
66
+ "#0088FF",
67
+ "#FFBABA",
68
+ "#86DC72",
69
+ "#EF76FF",
70
+ "#C4C4C4"
71
+ ],
72
+ // label: ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
73
+ // label: ['#F3A356', '#7A60F0', '#38B1AF', '#60A2F0', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
74
+ // label: ['#60A2F0', '#F3A356', '#7A60F0', '#38B1AF', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
75
+ // primary: '#454545',
76
+ // primary: '#1b1e23',
77
+ primary: '#000000',
78
+ secondary: '#e0e0e0',
79
+ // white: '#ffffff',
80
+ labelContrast: ['#ffffff', '#000000'],
81
+ background: '#ffffff'
82
+ },
83
+ dark: {
84
+ label: [
85
+ "#6CBAFF",
86
+ "#FF6C6C",
87
+ "#F9B052",
88
+ "#7DD3C4",
89
+ "#AA93D2",
90
+ "#0088FF",
91
+ "#FFBABA",
92
+ "#86DC72",
93
+ "#EF76FF",
94
+ "#C4C4C4"
95
+ ],
96
+ // label: ['#67B7DC', '#6794DC', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
97
+ // label: ['#67B7DC', '#6794DC', '#38B1AF', '#6771DC', '#8067DC', '#A367DC', '#C767DC', '#DC67CE', '#DC67AB', '#DC6788', '#DC6967', '#DC8C67', '#DCAF67'],
98
+ // label: ['#60A2F0', '#F3A356', '#7A60F0', '#38B1AF', '#F06062', '#FF383C', '#6580EA', '#079F9C', '#9F65EA', '#EA7465', '#EA7465', '#8657D2', '#59B757', '#2797FF', '#D25786', '#F54BA6', '#4BECF5', '#74FD72', '#CA4BF5', '#EFE26E'],
99
+ // primary: '#f0f0f0',
100
+ primary: '#ffffff',
101
+ secondary: '#e0e0e0',
102
+ // white: '#ffffff',
103
+ labelContrast: ['#ffffff', '#000000'],
104
+ background: '#000000'
105
+ }
106
+ },
107
+ styles: {
108
+ // textSize: 14,
109
+ textSize: '0.875rem',
110
+ unhighlightedOpacity: 0.3
111
+ },
112
+ transitionDuration: 800,
113
+ transitionEase: 'easeCubic'
114
+ }
115
+
116
+ export const DEFAULT_CHART_WIDTH = 800
117
+
118
+ export const DEFAULT_CHART_HEIGHT = 500
119
+
120
+ // -- Data --
121
+
122
+ export const DEFAULT_DATA_SERIES: DataSeries = []
123
+
124
+ export const DEFAULT_DATA_GRID: DataGrid = []
125
+
126
+ export const DEFAULT_DATA_MULTI_GRID: DataMultiGrid = []
127
+
128
+ export const DEFAULT_DATA_MULTI_VALUE: DataMultiValue = []
129
+
130
+ export const DEFAULT_DATA_TREE: DataTree = []
131
+
132
+ export const DEFAULTL_DATA_RELATIONA: DataRelationship = {
133
+ nodes: [],
134
+ edges: []
135
+ }
136
+
137
+ // -- Data Formatter --
138
+
139
+ export const DEFAULT_DATA_FORMATTER_VALUE_AXIS: DataFormatterValueAxis = {
140
+ position: 'left',
141
+ scaleDomain: ['auto', 'auto'],
142
+ scaleRange: [0, 0.9],
143
+ label: '',
144
+ }
145
+
146
+ export const DEFAULT_DATA_FORMATTER_GROUP_AXIS: DataFormatterGroupAxis = {
147
+ position: 'bottom',
148
+ scaleDomain: [0, 'max'],
149
+ scalePadding: 0.5,
150
+ label: ''
151
+ }
152
+
153
+ export const DEFAULT_DATA_FORMATTER_X_Y_AXIS: DataFormatterXYAxis = {
154
+ scaleDomain: ['auto', 'auto'],
155
+ scaleRange: [0, 0.9],
156
+ label: '',
157
+ valueIndex: 0
158
+ }
159
+
160
+ export const DEFAULT_DATA_FORMATTER_CONTAINER: DataFormatterContainer = {
161
+ gap: 120,
162
+ rowAmount: 1,
163
+ columnAmount: 1
164
+ }
165
+
166
+ export const DEFAULT_DATA_FORMATTER_SERIES: DataFormatterSeries = {
167
+ type: 'series',
168
+ visibleFilter: (datum, context) => true,
169
+ sort: null,
170
+ seriesLabels: [],
171
+ container: {
172
+ ...DEFAULT_DATA_FORMATTER_CONTAINER
173
+ },
174
+ separateSeries: false,
175
+ sumSeries: false
176
+ // mapSeries: (datum, rowIndex, columnIndex, { data, dataFormatter }) => {
177
+ // const seriesIndex = rowIndex >= dataFormatter.seriesLabels.length
178
+ // ? rowIndex % dataFormatter.seriesLabels.length // 如果index大於所設定的seriesLabels的數量則從頭回來算
179
+ // : rowIndex
180
+ // return dataFormatter.seriesLabels[seriesIndex]
181
+ // },
182
+ // colorsPredicate: (datum, rowIndex, columnIndex, { chartParams }) => {
183
+ // return rowIndex < chartParams.colors[chartParams.colorScheme].series.length
184
+ // ? chartParams.colors[chartParams.colorScheme].series[rowIndex]
185
+ // : chartParams.colors[chartParams.colorScheme].series[
186
+ // rowIndex % chartParams.colors[chartParams.colorScheme].series.length
187
+ // ]
188
+ // },
189
+ }
190
+ DEFAULT_DATA_FORMATTER_SERIES.visibleFilter.toString = () => `(datum, context) => true`
191
+
192
+ export const DEFAULT_DATA_FORMATTER_GRID_GRID: DataFormatterGridGrid = {
193
+ seriesDirection: 'row',
194
+ rowLabels: [],
195
+ columnLabels: [],
196
+ valueAxis: { ...DEFAULT_DATA_FORMATTER_VALUE_AXIS },
197
+ groupAxis: { ...DEFAULT_DATA_FORMATTER_GROUP_AXIS, },
198
+ separateSeries: false,
199
+ // slotIndex: 0,
200
+ // seriesSlotIndexes: null
201
+ }
202
+
203
+ export const DEFAULT_DATA_FORMATTER_GRID: DataFormatterGrid = {
204
+ type: 'grid',
205
+ visibleFilter: (datum, context) => true,
206
+ // grid: {
207
+ ...DEFAULT_DATA_FORMATTER_GRID_GRID,
208
+ // },
209
+ container: {
210
+ ...DEFAULT_DATA_FORMATTER_CONTAINER
211
+ }
212
+ }
213
+ DEFAULT_DATA_FORMATTER_GRID.visibleFilter.toString = () => `(datum, context) => true`
214
+
215
+ // export const DATA_FORMATTER_MULTI_GRID_MULTI_GRID_DEFAULT: DataFormatterMultiGridMultiGrid = {
216
+ // ...DEFAULT_DATA_FORMATTER_GRID,
217
+ // slotIndex: 0,
218
+ // seriesSlotIndexes: null
219
+ // }
220
+
221
+ export const DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID: DataFormatterMultiGridGrid = {
222
+ ...DEFAULT_DATA_FORMATTER_GRID_GRID
223
+ }
224
+
225
+ export const DEFAULT_DATA_FORMATTER_MULTI_GRID: DataFormatterMultiGrid = {
226
+ type: 'multiGrid',
227
+ visibleFilter: (datum, context) => true,
228
+ gridList: [
229
+ {
230
+ ...DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID
231
+ },
232
+ ],
233
+ separateGrid: false,
234
+ container: {
235
+ ...DEFAULT_DATA_FORMATTER_CONTAINER
236
+ }
237
+ }
238
+ DEFAULT_DATA_FORMATTER_MULTI_GRID.visibleFilter.toString = () => `(datum, context) => true`
239
+
240
+ export const DEFAULT_DATA_FORMATTER_MULTI_VALUE: DataFormatterMultiValue = {
241
+ type: 'multiValue',
242
+ visibleFilter: (datum, context) => true,
243
+ categoryLabels: [],
244
+ valueLabels: [],
245
+ xAxis: {
246
+ ...DEFAULT_DATA_FORMATTER_X_Y_AXIS,
247
+ valueIndex: 0
248
+ },
249
+ yAxis: {
250
+ ...DEFAULT_DATA_FORMATTER_X_Y_AXIS,
251
+ valueIndex: 1
252
+ },
253
+ container: {
254
+ ...DEFAULT_DATA_FORMATTER_CONTAINER
255
+ },
256
+ separateCategory: false
257
+ }
258
+ DEFAULT_DATA_FORMATTER_MULTI_VALUE.visibleFilter.toString = () => `(datum, context) => true`
259
+
260
+ export const DEFAULT_DATA_FORMATTER_TREE: DataFormatterTree = {
261
+ type: 'tree',
262
+ visibleFilter: (datum, context) => true,
263
+ // labelFormat: (datum: any) => (datum && datum.label) ?? '',
264
+ categoryLabels: []
265
+ }
266
+ DEFAULT_DATA_FORMATTER_TREE.visibleFilter.toString = () => `(datum, context) => true`
267
+
268
+ export const DEFAULT_DATA_FORMATTER_RELATIONSHIP: DataFormatterRelationship = {
269
+ type: 'relationship',
270
+ visibleFilter: (datum, context) => true,
271
+ categoryLabels: []
272
+ // node: {
273
+ // // labelFormat: (node: any) => (node && node.label) ?? '',
274
+ // descriptionFormat: (node: any) => (node && node.label) ?? ''
275
+ // },
276
+ // edge: {
277
+ // // labelFormat: (edge: any) => (edge && edge.label) ?? '',
278
+ // descriptionFormat: (edge: any) => (edge && edge.label) ?? ''
279
+ // },
280
+ }
281
+ DEFAULT_DATA_FORMATTER_RELATIONSHIP.visibleFilter.toString = () => `(datum, context) => true`
282
+
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineGridPlugin = createBasePlugin('grid')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineGridPlugin = createBasePlugin('grid')
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineMultiGridPlugin = createBasePlugin('multiGrid')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineMultiGridPlugin = createBasePlugin('multiGrid')
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineMultiValuePlugin = createBasePlugin('multiValue')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineMultiValuePlugin = createBasePlugin('multiValue')
@@ -1,4 +1,4 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- // chartType型別使用 'any' 是為了讓 plugin entity 能夠被加入到所有類別的 chart.plugins$ 中
4
- export const defineNoneDataPlugin = createBasePlugin<any>('noneData')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ // chartType型別使用 'any' 是為了讓 plugin entity 能夠被加入到所有類別的 chart.plugins$ 中
4
+ export const defineNoneDataPlugin = createBasePlugin<any>('noneData')
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineRelationshipPlugin = createBasePlugin('relationship')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineRelationshipPlugin = createBasePlugin('relationship')
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineSeriesPlugin = createBasePlugin('series')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineSeriesPlugin = createBasePlugin('series')
@@ -1,3 +1,3 @@
1
- import { createBasePlugin } from './base/createBasePlugin'
2
-
3
- export const defineTreePlugin = createBasePlugin('tree')
1
+ import { createBasePlugin } from './base/createBasePlugin'
2
+
3
+ export const defineTreePlugin = createBasePlugin('tree')