@orbcharts/presets-basic 3.0.0 → 3.0.2

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 (126) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-presets-basic.es.js +533 -221
  3. package/dist/orbcharts-presets-basic.umd.js +1 -1
  4. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_ALL_ITEMS.d.ts +4 -0
  5. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_BASIC.d.ts +4 -0
  6. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY.d.ts +4 -0
  7. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS.d.ts +4 -0
  8. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY.d.ts +4 -0
  9. package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SIMPLE.d.ts +4 -0
  10. package/dist/src/multiValue/index.d.ts +6 -0
  11. package/dist/src/types.d.ts +14 -2
  12. package/lib/core-types.ts +7 -7
  13. package/lib/plugins-basic-types.ts +6 -6
  14. package/package.json +46 -42
  15. package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +74 -74
  16. package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +73 -75
  17. package/src/grid/PRESET_BARS_ROUND.ts +68 -70
  18. package/src/grid/PRESET_BARS_THIN.ts +65 -67
  19. package/src/grid/PRESET_GRID_BASIC.ts +53 -58
  20. package/src/grid/PRESET_GRID_HORIZONTAL.ts +62 -75
  21. package/src/grid/PRESET_GRID_PN_SCALE.ts +59 -66
  22. package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts +59 -63
  23. package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +61 -66
  24. package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +67 -71
  25. package/src/grid/PRESET_GRID_SIMPLE.ts +58 -58
  26. package/src/grid/PRESET_LINES_BASIC.ts +62 -62
  27. package/src/grid/PRESET_LINES_CURVE.ts +65 -65
  28. package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +64 -64
  29. package/src/grid/PRESET_LINES_HORIZONTAL.ts +70 -70
  30. package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +64 -64
  31. package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +67 -67
  32. package/src/grid/PRESET_LINES_SIMPLE.ts +67 -67
  33. package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +66 -66
  34. package/src/grid/PRESET_LINE_AREAS_BASIC.ts +68 -68
  35. package/src/grid/PRESET_LINE_AREAS_CURVE.ts +73 -79
  36. package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +72 -72
  37. package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +72 -72
  38. package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +70 -70
  39. package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +73 -73
  40. package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +78 -74
  41. package/src/grid/PRESET_LINE_AREAS_SIMPLE.ts +71 -71
  42. package/src/grid/index.ts +26 -26
  43. package/src/index.ts +6 -6
  44. package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +64 -64
  45. package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +112 -112
  46. package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.ts +115 -115
  47. package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +85 -85
  48. package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts +95 -95
  49. package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +91 -87
  50. package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.ts +99 -98
  51. package/src/multiGrid/PRESET_MULTI_GRID_SIMPLE.ts +74 -74
  52. package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +119 -115
  53. package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.ts +125 -124
  54. package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +133 -133
  55. package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts +128 -127
  56. package/src/multiGrid/index.ts +12 -12
  57. package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +53 -53
  58. package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +68 -64
  59. package/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.ts +53 -53
  60. package/src/multiValue/PRESET_ORDINAL_BUBBLES_ALL_ITEMS.ts +57 -0
  61. package/src/multiValue/PRESET_ORDINAL_BUBBLES_BASIC.ts +56 -0
  62. package/src/multiValue/PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY.ts +59 -0
  63. package/src/multiValue/PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS.ts +59 -0
  64. package/src/multiValue/PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY.ts +66 -0
  65. package/src/multiValue/PRESET_ORDINAL_BUBBLES_SIMPLE.ts +59 -0
  66. package/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.ts +58 -58
  67. package/src/multiValue/PRESET_RACING_BARS_BASIC.ts +57 -57
  68. package/src/multiValue/PRESET_RACING_BARS_FAST.ts +57 -57
  69. package/src/multiValue/PRESET_RACING_BARS_FASTER.ts +57 -57
  70. package/src/multiValue/PRESET_RACING_BARS_LOOP.ts +58 -58
  71. package/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.ts +61 -61
  72. package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts +74 -74
  73. package/src/multiValue/PRESET_RACING_BARS_SIMPLE.ts +57 -57
  74. package/src/multiValue/PRESET_RACING_BARS_STOP.ts +56 -56
  75. package/src/multiValue/PRESET_SCATTER_BASIC.ts +54 -54
  76. package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +54 -54
  77. package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +57 -57
  78. package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +57 -57
  79. package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +61 -57
  80. package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts +54 -54
  81. package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +69 -65
  82. package/src/multiValue/PRESET_SCATTER_SIMPLE.ts +54 -54
  83. package/src/multiValue/index.ts +26 -20
  84. package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +47 -47
  85. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +47 -47
  86. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +52 -52
  87. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +52 -52
  88. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +49 -49
  89. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts +48 -48
  90. package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +54 -54
  91. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +52 -52
  92. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +49 -49
  93. package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts +48 -48
  94. package/src/relationship/index.ts +9 -9
  95. package/src/series/PRESET_BUBBLES_BASIC.ts +46 -46
  96. package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +49 -49
  97. package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +58 -58
  98. package/src/series/PRESET_BUBBLES_SIMPLE.ts +53 -53
  99. package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +48 -48
  100. package/src/series/PRESET_PIE_BASIC.ts +49 -49
  101. package/src/series/PRESET_PIE_DONUT.ts +54 -54
  102. package/src/series/PRESET_PIE_HALF_DONUT.ts +66 -66
  103. package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +47 -47
  104. package/src/series/PRESET_PIE_SIMPLE.ts +56 -56
  105. package/src/series/PRESET_PIE_SUM_SERIES.ts +48 -48
  106. package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +55 -55
  107. package/src/series/PRESET_ROSE_BASIC.ts +55 -55
  108. package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +61 -61
  109. package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +53 -55
  110. package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +54 -56
  111. package/src/series/PRESET_ROSE_SIMPLE.ts +56 -56
  112. package/src/series/PRESET_ROSE_SUM_SERIES.ts +54 -54
  113. package/src/series/PRESET_SERIES_BASIC.ts +46 -46
  114. package/src/series/PRESET_SERIES_SEPARATE_SERIES.ts +47 -47
  115. package/src/series/PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES.ts +48 -48
  116. package/src/series/PRESET_SERIES_SUM_SERIES.ts +49 -49
  117. package/src/series/index.ts +23 -23
  118. package/src/tree/PRESET_TREE_MAP_BASIC.ts +54 -58
  119. package/src/tree/PRESET_TREE_MAP_SIMPLE.ts +54 -54
  120. package/src/tree/index.ts +1 -1
  121. package/src/types.ts +392 -368
  122. package/tsconfig.base.json +13 -13
  123. package/tsconfig.json +2 -2
  124. package/vite.config.js +22 -22
  125. package/dist/src/params.d.ts +0 -9
  126. package/src/params.ts +0 -84
@@ -1,64 +1,64 @@
1
- import type { PresetPartial } from '../../lib/core-types'
2
- import type {
3
- PresetMultiGridPluginParams,
4
- PresetNoneDataPluginParams
5
- } from '../types'
6
-
7
- export const PRESET_MULTI_GRID_BASIC: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
- & Partial<PresetNoneDataPluginParams>> = {
9
- name: 'PRESET_MULTI_GRID_BASIC',
10
- description: 'Basic MultiGrid',
11
- descriptionZh: '基本MultiGrid',
12
- chartParams: {
13
- colors: {
14
- light: {
15
- label: [
16
- "#0088FF",
17
- "#16B59B",
18
- "#6F3BD5",
19
- "#EE5F13",
20
- "#F9B052",
21
- "#D4785A",
22
- "#42C724",
23
- "#FF4B4B",
24
- "#1F3172",
25
- "#E23D93"
26
- ],
27
- },
28
- dark: {
29
- label: [
30
- "#4BABFF",
31
- "#7DD3C4",
32
- "#8454D4",
33
- "#FF6C6C",
34
- "#FAC77D",
35
- "#D58C75",
36
- "#42C724",
37
- "#FF8B8B",
38
- "#5366AC",
39
- "#FF8DC8"
40
- ]
41
- }
42
- },
43
- padding: {
44
- top: 40,
45
- right: 40,
46
- bottom: 100,
47
- left: 80
48
- },
49
- highlightTarget: 'series'
50
- },
51
- pluginParams: {
52
- MultiGridLegend: {
53
- placement: 'bottom',
54
- padding: 14,
55
- gridList: [
56
- {
57
- },
58
- {
59
- listRectHeight: 2,
60
- }
61
- ]
62
- }
63
- }
64
- }
1
+ import type { PresetPartial } from '../../lib/core-types'
2
+ import type {
3
+ PresetMultiGridPluginParams,
4
+ PresetNoneDataPluginParams
5
+ } from '../types'
6
+
7
+ export const PRESET_MULTI_GRID_BASIC: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
+ & Partial<PresetNoneDataPluginParams>> = {
9
+ name: 'PRESET_MULTI_GRID_BASIC',
10
+ description: 'Basic MultiGrid',
11
+ descriptionZh: '基本MultiGrid',
12
+ chartParams: {
13
+ colors: {
14
+ light: {
15
+ label: [
16
+ "#0088FF",
17
+ "#16B59B",
18
+ "#6F3BD5",
19
+ "#EE5F13",
20
+ "#F9B052",
21
+ "#D4785A",
22
+ "#42C724",
23
+ "#FF4B4B",
24
+ "#1F3172",
25
+ "#E23D93"
26
+ ],
27
+ },
28
+ dark: {
29
+ label: [
30
+ "#4BABFF",
31
+ "#7DD3C4",
32
+ "#8454D4",
33
+ "#FF6C6C",
34
+ "#FAC77D",
35
+ "#D58C75",
36
+ "#42C724",
37
+ "#FF8B8B",
38
+ "#5366AC",
39
+ "#FF8DC8"
40
+ ]
41
+ }
42
+ },
43
+ padding: {
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 100,
47
+ left: 80
48
+ },
49
+ highlightTarget: 'series'
50
+ },
51
+ pluginParams: {
52
+ MultiGridLegend: {
53
+ placement: 'bottom',
54
+ padding: 14,
55
+ gridList: [
56
+ {
57
+ },
58
+ {
59
+ listRectHeight: 2,
60
+ }
61
+ ]
62
+ }
63
+ }
64
+ }
@@ -1,112 +1,112 @@
1
- import type { PresetPartial } from '../../lib/core-types'
2
- import type {
3
- PresetMultiGridPluginParams,
4
- PresetNoneDataPluginParams
5
- } from '../types'
6
-
7
- export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
- & Partial<PresetNoneDataPluginParams>> = {
9
- name: 'PRESET_MULTI_GRID_DIVERGING',
10
- description: 'Diverging Grid',
11
- descriptionZh: '雙向Grid',
12
- chartParams: {
13
- colors: {
14
- light: {
15
- label: [
16
- "#0088FF",
17
- "#16B59B",
18
- "#6F3BD5",
19
- "#EE5F13",
20
- "#F9B052",
21
- "#D4785A",
22
- "#42C724",
23
- "#FF4B4B",
24
- "#1F3172",
25
- "#E23D93"
26
- ],
27
- },
28
- dark: {
29
- label: [
30
- "#4BABFF",
31
- "#7DD3C4",
32
- "#8454D4",
33
- "#FF6C6C",
34
- "#FAC77D",
35
- "#D58C75",
36
- "#42C724",
37
- "#FF8B8B",
38
- "#5366AC",
39
- "#FF8DC8"
40
- ]
41
- }
42
- },
43
- padding: {
44
- top: 40,
45
- right: 40,
46
- bottom: 100,
47
- left: 80
48
- },
49
- },
50
- dataFormatter: {
51
- gridList: [
52
- // 第一個grid
53
- {
54
- groupAxis: {
55
- position: 'right'
56
- },
57
- valueAxis: {
58
- position: 'bottom'
59
- },
60
- },
61
- // 第二個grid
62
- {
63
- groupAxis: {
64
- position: 'left'
65
- },
66
- valueAxis: {
67
- position: 'bottom'
68
- },
69
- }
70
- ],
71
- // 設定排版方式
72
- container: {
73
- gap: 160,
74
- rowAmount: 1,
75
- columnAmount: 2
76
- },
77
- separateGrid: true // 將兩個grid拆分
78
- },
79
- pluginParams: {
80
- MultiGroupAxis: {
81
- gridIndexes: [0] // 只顯示一個
82
- },
83
- MultiValueAxis: {
84
- gridIndexes: [0, 1]
85
- },
86
- MultiStackedValueAxis: {
87
- gridIndexes: [0, 1]
88
- },
89
- MultiBars: {
90
- gridIndexes: [0, 1]
91
- },
92
- MultiStackedBars: {
93
- gridIndexes: [0, 1]
94
- },
95
- MultiBarsTriangle: {
96
- gridIndexes: [0, 1]
97
- },
98
- MultiLines: {
99
- gridIndexes: [0, 1]
100
- },
101
- MultiLineAreas: {
102
- gridIndexes: [0, 1]
103
- },
104
- MultiDots: {
105
- gridIndexes: [0, 1]
106
- },
107
- MultiGridLegend: {
108
- placement: 'bottom',
109
- padding: 14,
110
- }
111
- }
112
- }
1
+ import type { PresetPartial } from '../../lib/core-types'
2
+ import type {
3
+ PresetMultiGridPluginParams,
4
+ PresetNoneDataPluginParams
5
+ } from '../types'
6
+
7
+ export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
+ & Partial<PresetNoneDataPluginParams>> = {
9
+ name: 'PRESET_MULTI_GRID_DIVERGING',
10
+ description: 'Diverging Grid',
11
+ descriptionZh: '雙向Grid',
12
+ chartParams: {
13
+ colors: {
14
+ light: {
15
+ label: [
16
+ "#0088FF",
17
+ "#16B59B",
18
+ "#6F3BD5",
19
+ "#EE5F13",
20
+ "#F9B052",
21
+ "#D4785A",
22
+ "#42C724",
23
+ "#FF4B4B",
24
+ "#1F3172",
25
+ "#E23D93"
26
+ ],
27
+ },
28
+ dark: {
29
+ label: [
30
+ "#4BABFF",
31
+ "#7DD3C4",
32
+ "#8454D4",
33
+ "#FF6C6C",
34
+ "#FAC77D",
35
+ "#D58C75",
36
+ "#42C724",
37
+ "#FF8B8B",
38
+ "#5366AC",
39
+ "#FF8DC8"
40
+ ]
41
+ }
42
+ },
43
+ padding: {
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 100,
47
+ left: 80
48
+ },
49
+ },
50
+ dataFormatter: {
51
+ gridList: [
52
+ // 第一個grid
53
+ {
54
+ groupAxis: {
55
+ position: 'right'
56
+ },
57
+ valueAxis: {
58
+ position: 'bottom'
59
+ },
60
+ },
61
+ // 第二個grid
62
+ {
63
+ groupAxis: {
64
+ position: 'left'
65
+ },
66
+ valueAxis: {
67
+ position: 'bottom'
68
+ },
69
+ }
70
+ ],
71
+ // 設定排版方式
72
+ container: {
73
+ columnGap: 160,
74
+ rowAmount: 1,
75
+ columnAmount: 2
76
+ },
77
+ separateGrid: true // 將兩個grid拆分
78
+ },
79
+ pluginParams: {
80
+ MultiGroupAxis: {
81
+ gridIndexes: [0] // 只顯示一個
82
+ },
83
+ MultiValueAxis: {
84
+ gridIndexes: [0, 1]
85
+ },
86
+ MultiStackedValueAxis: {
87
+ gridIndexes: [0, 1]
88
+ },
89
+ MultiBars: {
90
+ gridIndexes: [0, 1]
91
+ },
92
+ MultiStackedBars: {
93
+ gridIndexes: [0, 1]
94
+ },
95
+ MultiBarsTriangle: {
96
+ gridIndexes: [0, 1]
97
+ },
98
+ MultiLines: {
99
+ gridIndexes: [0, 1]
100
+ },
101
+ MultiLineAreas: {
102
+ gridIndexes: [0, 1]
103
+ },
104
+ MultiDots: {
105
+ gridIndexes: [0, 1]
106
+ },
107
+ MultiGridLegend: {
108
+ placement: 'bottom',
109
+ padding: 14,
110
+ }
111
+ }
112
+ }
@@ -1,115 +1,115 @@
1
- import type { PresetPartial } from '../../lib/core-types'
2
- import type {
3
- PresetMultiGridPluginParams,
4
- PresetNoneDataPluginParams
5
- } from '../types'
6
-
7
- export const PRESET_MULTI_GRID_DIVERGING_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
- & Partial<PresetNoneDataPluginParams>> = {
9
- name: 'PRESET_MULTI_GRID_DIVERGING_SIMPLE',
10
- description: 'Simple diverging Grid',
11
- descriptionZh: '簡單雙向Grid',
12
- chartParams: {
13
- colors: {
14
- light: {
15
- label: [
16
- "#0088FF",
17
- "#16B59B",
18
- "#6F3BD5",
19
- "#EE5F13",
20
- "#F9B052",
21
- "#D4785A",
22
- "#42C724",
23
- "#FF4B4B",
24
- "#1F3172",
25
- "#E23D93"
26
- ],
27
- },
28
- dark: {
29
- label: [
30
- "#4BABFF",
31
- "#7DD3C4",
32
- "#8454D4",
33
- "#FF6C6C",
34
- "#FAC77D",
35
- "#D58C75",
36
- "#42C724",
37
- "#FF8B8B",
38
- "#5366AC",
39
- "#FF8DC8"
40
- ]
41
- }
42
- },
43
- padding: {
44
- top: 40,
45
- right: 40,
46
- bottom: 60,
47
- left: 40
48
- },
49
- },
50
- dataFormatter: {
51
- gridList: [
52
- // 第一個grid
53
- {
54
- groupAxis: {
55
- position: 'right'
56
- },
57
- valueAxis: {
58
- position: 'bottom',
59
- scaleRange: [0, 0.95]
60
- },
61
- },
62
- // 第二個grid
63
- {
64
- groupAxis: {
65
- position: 'left'
66
- },
67
- valueAxis: {
68
- position: 'bottom',
69
- scaleRange: [0, 0.95]
70
- },
71
- }
72
- ],
73
- // 設定排版方式
74
- container: {
75
- gap: 140,
76
- rowAmount: 1,
77
- columnAmount: 2
78
- },
79
- separateGrid: true // 將兩個grid拆分
80
- },
81
- pluginParams: {
82
- MultiGroupAxis: {
83
- tickPadding: 10,
84
- gridIndexes: [0] // 只顯示一個
85
- },
86
- MultiValueAxis: {
87
- gridIndexes: [0, 1]
88
- },
89
- MultiStackedValueAxis: {
90
- gridIndexes: [0, 1]
91
- },
92
- MultiBars: {
93
- gridIndexes: [0, 1]
94
- },
95
- MultiStackedBars: {
96
- gridIndexes: [0, 1]
97
- },
98
- MultiBarsTriangle: {
99
- gridIndexes: [0, 1]
100
- },
101
- MultiLines: {
102
- gridIndexes: [0, 1]
103
- },
104
- MultiLineAreas: {
105
- gridIndexes: [0, 1]
106
- },
107
- MultiDots: {
108
- gridIndexes: [0, 1]
109
- },
110
- MultiGridLegend: {
111
- placement: 'bottom',
112
- padding: 7,
113
- }
114
- }
115
- }
1
+ import type { PresetPartial } from '../../lib/core-types'
2
+ import type {
3
+ PresetMultiGridPluginParams,
4
+ PresetNoneDataPluginParams
5
+ } from '../types'
6
+
7
+ export const PRESET_MULTI_GRID_DIVERGING_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
+ & Partial<PresetNoneDataPluginParams>> = {
9
+ name: 'PRESET_MULTI_GRID_DIVERGING_SIMPLE',
10
+ description: 'Simple diverging Grid',
11
+ descriptionZh: '簡單雙向Grid',
12
+ chartParams: {
13
+ colors: {
14
+ light: {
15
+ label: [
16
+ "#0088FF",
17
+ "#16B59B",
18
+ "#6F3BD5",
19
+ "#EE5F13",
20
+ "#F9B052",
21
+ "#D4785A",
22
+ "#42C724",
23
+ "#FF4B4B",
24
+ "#1F3172",
25
+ "#E23D93"
26
+ ],
27
+ },
28
+ dark: {
29
+ label: [
30
+ "#4BABFF",
31
+ "#7DD3C4",
32
+ "#8454D4",
33
+ "#FF6C6C",
34
+ "#FAC77D",
35
+ "#D58C75",
36
+ "#42C724",
37
+ "#FF8B8B",
38
+ "#5366AC",
39
+ "#FF8DC8"
40
+ ]
41
+ }
42
+ },
43
+ padding: {
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 60,
47
+ left: 40
48
+ },
49
+ },
50
+ dataFormatter: {
51
+ gridList: [
52
+ // 第一個grid
53
+ {
54
+ groupAxis: {
55
+ position: 'right'
56
+ },
57
+ valueAxis: {
58
+ position: 'bottom',
59
+ scaleRange: [0, 0.95]
60
+ },
61
+ },
62
+ // 第二個grid
63
+ {
64
+ groupAxis: {
65
+ position: 'left'
66
+ },
67
+ valueAxis: {
68
+ position: 'bottom',
69
+ scaleRange: [0, 0.95]
70
+ },
71
+ }
72
+ ],
73
+ // 設定排版方式
74
+ container: {
75
+ columnGap: 140,
76
+ rowAmount: 1,
77
+ columnAmount: 2
78
+ },
79
+ separateGrid: true // 將兩個grid拆分
80
+ },
81
+ pluginParams: {
82
+ MultiGroupAxis: {
83
+ tickPadding: 10,
84
+ gridIndexes: [0] // 只顯示一個
85
+ },
86
+ MultiValueAxis: {
87
+ gridIndexes: [0, 1]
88
+ },
89
+ MultiStackedValueAxis: {
90
+ gridIndexes: [0, 1]
91
+ },
92
+ MultiBars: {
93
+ gridIndexes: [0, 1]
94
+ },
95
+ MultiStackedBars: {
96
+ gridIndexes: [0, 1]
97
+ },
98
+ MultiBarsTriangle: {
99
+ gridIndexes: [0, 1]
100
+ },
101
+ MultiLines: {
102
+ gridIndexes: [0, 1]
103
+ },
104
+ MultiLineAreas: {
105
+ gridIndexes: [0, 1]
106
+ },
107
+ MultiDots: {
108
+ gridIndexes: [0, 1]
109
+ },
110
+ MultiGridLegend: {
111
+ placement: 'bottom',
112
+ padding: 7,
113
+ }
114
+ }
115
+ }