@orbcharts/presets-basic 3.0.0-beta.9 → 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 (151) hide show
  1. package/dist/orbcharts-presets-basic.es.js +4369 -537
  2. package/dist/orbcharts-presets-basic.umd.js +1 -1
  3. package/dist/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.d.ts +4 -0
  4. package/dist/src/grid/PRESET_GRID_SIMPLE.d.ts +4 -0
  5. package/dist/src/grid/PRESET_LINES_SIMPLE.d.ts +4 -0
  6. package/dist/src/grid/PRESET_LINE_AREAS_SIMPLE.d.ts +4 -0
  7. package/dist/src/grid/index.d.ts +4 -0
  8. package/dist/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.d.ts +4 -0
  9. package/dist/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.d.ts +3 -1
  10. package/dist/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.d.ts +6 -0
  11. package/dist/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.d.ts +4 -0
  12. package/dist/src/multiGrid/PRESET_MULTI_GRID_SIMPLE.d.ts +4 -0
  13. package/dist/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.d.ts +4 -0
  14. package/dist/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.d.ts +4 -0
  15. package/dist/src/multiGrid/index.d.ts +6 -0
  16. package/dist/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.d.ts +4 -0
  17. package/dist/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.d.ts +4 -0
  18. package/dist/src/multiValue/PRESET_RACING_BARS_BASIC.d.ts +4 -0
  19. package/dist/src/multiValue/PRESET_RACING_BARS_FAST.d.ts +4 -0
  20. package/dist/src/multiValue/PRESET_RACING_BARS_FASTER.d.ts +4 -0
  21. package/dist/src/multiValue/PRESET_RACING_BARS_LOOP.d.ts +4 -0
  22. package/dist/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.d.ts +4 -0
  23. package/dist/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.d.ts +4 -0
  24. package/dist/src/multiValue/PRESET_RACING_BARS_SIMPLE.d.ts +4 -0
  25. package/dist/src/multiValue/PRESET_RACING_BARS_STOP.d.ts +4 -0
  26. package/dist/src/multiValue/PRESET_SCATTER_BASIC.d.ts +4 -0
  27. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.d.ts +4 -0
  28. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.d.ts +4 -0
  29. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.d.ts +4 -0
  30. package/dist/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.d.ts +4 -0
  31. package/dist/src/multiValue/PRESET_SCATTER_SIMPLE.d.ts +4 -0
  32. package/dist/src/multiValue/index.d.ts +16 -0
  33. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.d.ts +4 -0
  34. package/dist/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.d.ts +4 -0
  35. package/dist/src/relationship/index.d.ts +2 -0
  36. package/dist/src/series/PRESET_BUBBLES_BASIC.d.ts +4 -0
  37. package/dist/src/series/PRESET_BUBBLES_SIMPLE.d.ts +4 -0
  38. package/dist/src/series/PRESET_BUBBLES_SUM_SERIES.d.ts +4 -0
  39. package/dist/src/series/PRESET_PIE_SEPARATE_SERIES.d.ts +4 -0
  40. package/dist/src/series/PRESET_PIE_SIMPLE.d.ts +4 -0
  41. package/dist/src/series/PRESET_PIE_SUM_SERIES.d.ts +4 -0
  42. package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES.d.ts +4 -0
  43. package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.d.ts +4 -0
  44. package/dist/src/series/PRESET_ROSE_SIMPLE.d.ts +4 -0
  45. package/dist/src/series/PRESET_ROSE_SUM_SERIES.d.ts +4 -0
  46. package/dist/src/series/index.d.ts +10 -0
  47. package/dist/src/tree/PRESET_TREE_MAP_SIMPLE.d.ts +4 -0
  48. package/dist/src/tree/index.d.ts +1 -0
  49. package/dist/src/types.d.ts +23 -17
  50. package/package.json +3 -3
  51. package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +42 -24
  52. package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +36 -13
  53. package/src/grid/PRESET_BARS_ROUND.ts +37 -6
  54. package/src/grid/PRESET_BARS_THIN.ts +37 -6
  55. package/src/grid/PRESET_GRID_BASIC.ts +37 -6
  56. package/src/grid/PRESET_GRID_HORIZONTAL.ts +36 -5
  57. package/src/grid/PRESET_GRID_PN_SCALE.ts +37 -6
  58. package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts +63 -0
  59. package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +37 -6
  60. package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +37 -6
  61. package/src/grid/PRESET_GRID_SIMPLE.ts +58 -0
  62. package/src/grid/PRESET_LINES_BASIC.ts +37 -10
  63. package/src/grid/PRESET_LINES_CURVE.ts +37 -10
  64. package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +37 -10
  65. package/src/grid/PRESET_LINES_HORIZONTAL.ts +42 -23
  66. package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +37 -10
  67. package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +37 -10
  68. package/src/grid/PRESET_LINES_SIMPLE.ts +67 -0
  69. package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +37 -10
  70. package/src/grid/PRESET_LINE_AREAS_BASIC.ts +40 -15
  71. package/src/grid/PRESET_LINE_AREAS_CURVE.ts +37 -6
  72. package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +40 -15
  73. package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +43 -18
  74. package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +40 -15
  75. package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +40 -15
  76. package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +41 -17
  77. package/src/grid/PRESET_LINE_AREAS_SIMPLE.ts +71 -0
  78. package/src/grid/index.ts +4 -0
  79. package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +37 -11
  80. package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +39 -13
  81. package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.ts +115 -0
  82. package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +39 -12
  83. package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts +95 -0
  84. package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +38 -11
  85. package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.ts +98 -0
  86. package/src/multiGrid/PRESET_MULTI_GRID_SIMPLE.ts +74 -0
  87. package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +38 -9
  88. package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.ts +124 -0
  89. package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +38 -9
  90. package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts +127 -0
  91. package/src/multiGrid/index.ts +6 -0
  92. package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +37 -7
  93. package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +45 -7
  94. package/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.ts +53 -0
  95. package/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.ts +58 -0
  96. package/src/multiValue/PRESET_RACING_BARS_BASIC.ts +57 -0
  97. package/src/multiValue/PRESET_RACING_BARS_FAST.ts +57 -0
  98. package/src/multiValue/PRESET_RACING_BARS_FASTER.ts +57 -0
  99. package/src/multiValue/PRESET_RACING_BARS_LOOP.ts +58 -0
  100. package/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.ts +61 -0
  101. package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts +74 -0
  102. package/src/multiValue/PRESET_RACING_BARS_SIMPLE.ts +57 -0
  103. package/src/multiValue/PRESET_RACING_BARS_STOP.ts +56 -0
  104. package/src/multiValue/PRESET_SCATTER_BASIC.ts +54 -0
  105. package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +54 -0
  106. package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +39 -8
  107. package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +38 -7
  108. package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +57 -0
  109. package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts +54 -0
  110. package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +65 -0
  111. package/src/multiValue/PRESET_SCATTER_SIMPLE.ts +54 -0
  112. package/src/multiValue/index.ts +17 -1
  113. package/src/params.ts +7 -4
  114. package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +35 -11
  115. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +35 -11
  116. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +35 -11
  117. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +35 -13
  118. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +35 -11
  119. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts +48 -0
  120. package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +35 -11
  121. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +35 -11
  122. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +35 -11
  123. package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts +48 -0
  124. package/src/relationship/index.ts +3 -1
  125. package/src/series/PRESET_BUBBLES_BASIC.ts +46 -0
  126. package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +35 -4
  127. package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +33 -4
  128. package/src/series/PRESET_BUBBLES_SIMPLE.ts +53 -0
  129. package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +48 -0
  130. package/src/series/PRESET_PIE_BASIC.ts +35 -4
  131. package/src/series/PRESET_PIE_DONUT.ts +35 -4
  132. package/src/series/PRESET_PIE_HALF_DONUT.ts +35 -5
  133. package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +48 -0
  134. package/src/series/PRESET_PIE_SIMPLE.ts +57 -0
  135. package/src/series/PRESET_PIE_SUM_SERIES.ts +48 -0
  136. package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +36 -5
  137. package/src/series/PRESET_ROSE_BASIC.ts +41 -5
  138. package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +41 -4
  139. package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +56 -0
  140. package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +57 -0
  141. package/src/series/PRESET_ROSE_SIMPLE.ts +57 -0
  142. package/src/series/PRESET_ROSE_SUM_SERIES.ts +54 -0
  143. package/src/series/PRESET_SERIES_BASIC.ts +35 -5
  144. package/src/series/PRESET_SERIES_SEPARATE_SERIES.ts +35 -5
  145. package/src/series/PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES.ts +35 -5
  146. package/src/series/PRESET_SERIES_SUM_SERIES.ts +36 -5
  147. package/src/series/index.ts +10 -0
  148. package/src/tree/PRESET_TREE_MAP_BASIC.ts +34 -3
  149. package/src/tree/PRESET_TREE_MAP_SIMPLE.ts +54 -0
  150. package/src/tree/index.ts +2 -1
  151. package/src/types.ts +38 -19
@@ -3,27 +3,53 @@ import type {
3
3
  PresetMultiGridPluginParams,
4
4
  PresetNoneDataPluginParams
5
5
  } from '../types'
6
- // import { ALL_PLUGIN_PARAMS_MULTI_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
7
6
 
8
7
  export const PRESET_MULTI_GRID_BASIC: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
9
8
  & Partial<PresetNoneDataPluginParams>> = {
10
9
  name: 'PRESET_MULTI_GRID_BASIC',
11
- description: '基本MultiGrid參數',
10
+ description: 'Basic MultiGrid',
11
+ descriptionZh: '基本MultiGrid',
12
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
+ },
13
43
  padding: {
14
- top: 60,
15
- right: 60,
16
- bottom: 120,
17
- left: 60
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 100,
47
+ left: 80
18
48
  },
19
49
  highlightTarget: 'series'
20
50
  },
21
- allPluginParams: {
22
- // ...ALL_PLUGIN_PARAMS_MULTI_GRID,
23
- // ...ALL_PLUGIN_PARAMS_NONE_DATA,
51
+ pluginParams: {
24
52
  MultiGridLegend: {
25
- // position: 'bottom',
26
- // justify: 'center',
27
53
  placement: 'bottom',
28
54
  padding: 14,
29
55
  gridList: [
@@ -3,18 +3,48 @@ import type {
3
3
  PresetMultiGridPluginParams,
4
4
  PresetNoneDataPluginParams
5
5
  } from '../types'
6
- import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
7
6
 
8
7
  export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
9
8
  & Partial<PresetNoneDataPluginParams>> = {
10
9
  name: 'PRESET_MULTI_GRID_DIVERGING',
11
- description: '雙向折線圖',
10
+ description: 'Diverging Grid',
11
+ descriptionZh: '雙向Grid',
12
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
+ },
13
43
  padding: {
14
- top: 60,
15
- right: 60,
16
- bottom: 120,
17
- left: 60
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 100,
47
+ left: 80
18
48
  },
19
49
  },
20
50
  dataFormatter: {
@@ -40,16 +70,14 @@ export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<Pre
40
70
  ],
41
71
  // 設定排版方式
42
72
  container: {
43
- gap: 200,
73
+ gap: 160,
44
74
  rowAmount: 1,
45
75
  columnAmount: 2
46
76
  },
47
77
  separateGrid: true // 將兩個grid拆分
48
78
  },
49
- allPluginParams: {
50
- // ...ALL_PLUGIN_PARAMS_NONE_DATA,
79
+ pluginParams: {
51
80
  MultiGroupAxis: {
52
- tickPadding: 60, // 加長間距
53
81
  gridIndexes: [0] // 只顯示一個
54
82
  },
55
83
  MultiValueAxis: {
@@ -61,7 +89,7 @@ export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<Pre
61
89
  MultiBars: {
62
90
  gridIndexes: [0, 1]
63
91
  },
64
- MultiStackedBar: {
92
+ MultiStackedBars: {
65
93
  gridIndexes: [0, 1]
66
94
  },
67
95
  MultiBarsTriangle: {
@@ -77,8 +105,6 @@ export const PRESET_MULTI_GRID_DIVERGING: PresetPartial<'multiGrid', Partial<Pre
77
105
  gridIndexes: [0, 1]
78
106
  },
79
107
  MultiGridLegend: {
80
- // position: 'bottom',
81
- // justify: 'center',
82
108
  placement: 'bottom',
83
109
  padding: 14,
84
110
  }
@@ -0,0 +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
+ }
@@ -3,36 +3,63 @@ import type {
3
3
  PresetMultiGridPluginParams,
4
4
  PresetNoneDataPluginParams
5
5
  } from '../types'
6
- // import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
7
6
 
8
7
  type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
9
8
 
10
- export const PRESET_MULTI_GRID_ROUND_STYLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
9
+ export const PRESET_MULTI_GRID_ROUND_STYLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
11
10
  & Partial<PresetNoneDataPluginParams>> = {
12
11
  name: 'PRESET_MULTI_GRID_ROUND_STYLE',
13
- description: 'MultiGrid圓弧風格',
12
+ description: 'MultiGrid with round style',
13
+ descriptionZh: 'MultiGrid圓弧風格',
14
14
  chartParams: {
15
+ colors: {
16
+ light: {
17
+ label: [
18
+ "#0088FF",
19
+ "#16B59B",
20
+ "#6F3BD5",
21
+ "#EE5F13",
22
+ "#F9B052",
23
+ "#D4785A",
24
+ "#42C724",
25
+ "#FF4B4B",
26
+ "#1F3172",
27
+ "#E23D93"
28
+ ],
29
+ },
30
+ dark: {
31
+ label: [
32
+ "#4BABFF",
33
+ "#7DD3C4",
34
+ "#8454D4",
35
+ "#FF6C6C",
36
+ "#FAC77D",
37
+ "#D58C75",
38
+ "#42C724",
39
+ "#FF8B8B",
40
+ "#5366AC",
41
+ "#FF8DC8"
42
+ ]
43
+ }
44
+ },
15
45
  padding: {
16
- top: 60,
17
- right: 60,
18
- bottom: 120,
19
- left: 60
46
+ top: 40,
47
+ right: 40,
48
+ bottom: 100,
49
+ left: 80
20
50
  },
21
51
  highlightTarget: 'series'
22
52
  },
23
- allPluginParams: {
24
- // ...ALL_PLUGIN_PARAMS_NONE_DATA,
53
+ pluginParams: {
25
54
  MultiBars: {
26
55
  barWidth: 0,
27
56
  barPadding: 1,
28
57
  barGroupPadding: 10,
29
58
  barRadius: true,
30
59
  },
31
- MultiStackedBar: {},
60
+ MultiStackedBars: {},
32
61
  MultiDots: {},
33
62
  MultiGridLegend: {
34
- // position: 'bottom',
35
- // justify: 'center',
36
63
  placement: 'bottom',
37
64
  padding: 14,
38
65
  gridList: [
@@ -0,0 +1,95 @@
1
+ import type { PresetPartial } from '../../lib/core-types'
2
+ import type {
3
+ PresetMultiGridPluginParams,
4
+ PresetNoneDataPluginParams
5
+ } from '../types'
6
+
7
+ type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
8
+
9
+ export const PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
10
+ & Partial<PresetNoneDataPluginParams>> = {
11
+ name: 'PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE',
12
+ description: 'Simple MultiGrid with round style',
13
+ descriptionZh: '簡單MultiGrid圓弧風格',
14
+ chartParams: {
15
+ colors: {
16
+ light: {
17
+ label: [
18
+ "#0088FF",
19
+ "#16B59B",
20
+ "#6F3BD5",
21
+ "#EE5F13",
22
+ "#F9B052",
23
+ "#D4785A",
24
+ "#42C724",
25
+ "#FF4B4B",
26
+ "#1F3172",
27
+ "#E23D93"
28
+ ],
29
+ },
30
+ dark: {
31
+ label: [
32
+ "#4BABFF",
33
+ "#7DD3C4",
34
+ "#8454D4",
35
+ "#FF6C6C",
36
+ "#FAC77D",
37
+ "#D58C75",
38
+ "#42C724",
39
+ "#FF8B8B",
40
+ "#5366AC",
41
+ "#FF8DC8"
42
+ ]
43
+ }
44
+ },
45
+ padding: {
46
+ top: 40,
47
+ right: 40,
48
+ bottom: 60,
49
+ left: 80
50
+ },
51
+ highlightTarget: 'series'
52
+ },
53
+ dataFormatter: {
54
+ gridList: [
55
+ // 設定一個所有grid一起套用
56
+ {
57
+ valueAxis: {
58
+ scaleRange: [0, 0.95]
59
+ },
60
+ },
61
+ ],
62
+ },
63
+ pluginParams: {
64
+ MultiBars: {
65
+ barWidth: 0,
66
+ barPadding: 1,
67
+ barGroupPadding: 10,
68
+ barRadius: true,
69
+ },
70
+ MultiStackedBars: {},
71
+ MultiDots: {},
72
+ MultiGridLegend: {
73
+ placement: 'bottom',
74
+ padding: 14,
75
+ gridList: [
76
+ {
77
+ listRectRadius: 7,
78
+ },
79
+ {
80
+ listRectHeight: 2,
81
+ }
82
+ ]
83
+ },
84
+ MultiGroupAxis: {},
85
+ MultiLineAreas: {},
86
+ MultiLines: {
87
+ lineCurve: 'curveMonotoneX',
88
+ lineWidth: 3
89
+ },
90
+ MultiValueAxis: {},
91
+ MultiStackedValueAxis: {},
92
+ OverlappingValueAxes: {},
93
+ OverlappingStackedValueAxes: {},
94
+ }
95
+ }
@@ -3,25 +3,54 @@ import type {
3
3
  PresetMultiGridPluginParams,
4
4
  PresetNoneDataPluginParams
5
5
  } from '../types'
6
- // import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
7
6
 
8
7
  export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
9
8
  & Partial<PresetNoneDataPluginParams>> = {
10
9
  name: 'PRESET_MULTI_GRID_SEPARATE_GRID',
11
- description: '2組Grid圖表',
10
+ description: 'Separate Grid',
11
+ descriptionZh: '分開顯示Grid圖表',
12
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
+ },
13
43
  padding: {
14
- top: 60,
15
- right: 60,
16
- bottom: 160,
17
- left: 60
44
+ top: 40,
45
+ right: 40,
46
+ bottom: 140,
47
+ left: 80
18
48
  },
19
49
  },
20
50
  dataFormatter: {
21
51
  separateGrid: true,
22
52
  },
23
- allPluginParams: {
24
- // ...ALL_PLUGIN_PARAMS_NONE_DATA,
53
+ pluginParams: {
25
54
  MultiGroupAxis: {
26
55
  tickTextRotate: -30,
27
56
  gridIndexes: 'all'
@@ -35,7 +64,7 @@ export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial
35
64
  MultiBars: {
36
65
  gridIndexes: 'all'
37
66
  },
38
- MultiStackedBar: {
67
+ MultiStackedBars: {
39
68
  gridIndexes: 'all'
40
69
  },
41
70
  MultiBarsTriangle: {
@@ -51,8 +80,6 @@ export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial
51
80
  gridIndexes: 'all'
52
81
  },
53
82
  MultiGridLegend: {
54
- // position: 'bottom',
55
- // justify: 'center',
56
83
  placement: 'bottom',
57
84
  padding: 14,
58
85
  }
@@ -0,0 +1,98 @@
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_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
+ & Partial<PresetNoneDataPluginParams>> = {
9
+ name: 'PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE',
10
+ description: 'Simple separate 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: 80,
47
+ left: 40
48
+ },
49
+ },
50
+ dataFormatter: {
51
+ gridList: [
52
+ // 設定一個所有grid一起套用
53
+ {
54
+ valueAxis: {
55
+ scaleRange: [0, 0.95]
56
+ },
57
+ },
58
+ ],
59
+ separateGrid: true,
60
+ container: {
61
+ gap: 40
62
+ },
63
+ },
64
+ pluginParams: {
65
+ MultiGroupAxis: {
66
+ // tickTextRotate: -30,
67
+ gridIndexes: 'all'
68
+ },
69
+ MultiValueAxis: {
70
+ gridIndexes: 'all'
71
+ },
72
+ MultiStackedValueAxis: {
73
+ gridIndexes: 'all'
74
+ },
75
+ MultiBars: {
76
+ gridIndexes: 'all'
77
+ },
78
+ MultiStackedBars: {
79
+ gridIndexes: 'all'
80
+ },
81
+ MultiBarsTriangle: {
82
+ gridIndexes: 'all'
83
+ },
84
+ MultiLines: {
85
+ gridIndexes: 'all'
86
+ },
87
+ MultiLineAreas: {
88
+ gridIndexes: 'all'
89
+ },
90
+ MultiDots: {
91
+ gridIndexes: 'all'
92
+ },
93
+ MultiGridLegend: {
94
+ placement: 'bottom',
95
+ padding: 7,
96
+ }
97
+ }
98
+ }
@@ -0,0 +1,74 @@
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_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
8
+ & Partial<PresetNoneDataPluginParams>> = {
9
+ name: 'PRESET_MULTI_GRID_SIMPLE',
10
+ description: 'Simple 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: 80,
47
+ left: 40
48
+ },
49
+ highlightTarget: 'series'
50
+ },
51
+ dataFormatter: {
52
+ gridList: [
53
+ // 設定一個所有grid一起套用
54
+ {
55
+ valueAxis: {
56
+ scaleRange: [0, 0.95]
57
+ },
58
+ },
59
+ ],
60
+ },
61
+ pluginParams: {
62
+ MultiGridLegend: {
63
+ placement: 'bottom',
64
+ padding: 7,
65
+ gridList: [
66
+ {
67
+ },
68
+ {
69
+ listRectHeight: 2,
70
+ }
71
+ ]
72
+ }
73
+ }
74
+ }