@orbcharts/presets-basic 3.0.0-beta.11 → 3.0.0-beta.13

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