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

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 (104) hide show
  1. package/dist/orbcharts-presets-basic.es.js +1680 -256
  2. package/dist/orbcharts-presets-basic.umd.js +1 -1
  3. package/dist/src/index.d.ts +2 -0
  4. package/dist/src/multiValue/PRESET_MULTI_VALUE_BASIC.d.ts +4 -0
  5. package/dist/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.d.ts +4 -0
  6. package/dist/src/multiValue/PRESET_SCATTER_BASIC.d.ts +4 -0
  7. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.d.ts +4 -0
  8. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.d.ts +4 -0
  9. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.d.ts +4 -0
  10. package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.d.ts +4 -0
  11. package/dist/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.d.ts +4 -0
  12. package/dist/src/multiValue/index.d.ts +8 -0
  13. package/dist/src/params.d.ts +3 -1
  14. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BASIC.d.ts +4 -0
  15. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.d.ts +4 -0
  16. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.d.ts +4 -0
  17. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.d.ts +4 -0
  18. package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.d.ts +4 -0
  19. package/dist/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.d.ts +4 -0
  20. package/dist/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.d.ts +4 -0
  21. package/dist/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.d.ts +4 -0
  22. package/dist/src/relationship/index.d.ts +8 -0
  23. package/dist/src/series/PRESET_BUBBLES_BASIC.d.ts +4 -0
  24. package/dist/src/series/PRESET_BUBBLES_SUM_SERIES.d.ts +4 -0
  25. package/dist/src/series/PRESET_PIE_SEPARATE_SERIES.d.ts +4 -0
  26. package/dist/src/series/PRESET_PIE_SUM_SERIES.d.ts +4 -0
  27. package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES.d.ts +4 -0
  28. package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.d.ts +4 -0
  29. package/dist/src/series/PRESET_ROSE_SUM_SERIES.d.ts +4 -0
  30. package/dist/src/series/index.d.ts +7 -0
  31. package/dist/src/tree/PRESET_TREE_MAP_BASIC.d.ts +4 -0
  32. package/dist/src/tree/index.d.ts +1 -1
  33. package/dist/src/types.d.ts +55 -14
  34. package/package.json +3 -3
  35. package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +19 -3
  36. package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +19 -3
  37. package/src/grid/PRESET_BARS_ROUND.ts +18 -2
  38. package/src/grid/PRESET_BARS_THIN.ts +18 -2
  39. package/src/grid/PRESET_GRID_BASIC.ts +18 -2
  40. package/src/grid/PRESET_GRID_HORIZONTAL.ts +19 -3
  41. package/src/grid/PRESET_GRID_PN_SCALE.ts +20 -4
  42. package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +18 -2
  43. package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +20 -4
  44. package/src/grid/PRESET_LINES_BASIC.ts +18 -2
  45. package/src/grid/PRESET_LINES_CURVE.ts +18 -2
  46. package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +18 -2
  47. package/src/grid/PRESET_LINES_HORIZONTAL.ts +19 -3
  48. package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +18 -2
  49. package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +18 -2
  50. package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +19 -3
  51. package/src/grid/PRESET_LINE_AREAS_BASIC.ts +20 -4
  52. package/src/grid/PRESET_LINE_AREAS_CURVE.ts +20 -4
  53. package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +20 -4
  54. package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +19 -3
  55. package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +20 -4
  56. package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +20 -4
  57. package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +20 -4
  58. package/src/index.ts +2 -0
  59. package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +18 -2
  60. package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +22 -6
  61. package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +21 -5
  62. package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +20 -4
  63. package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +20 -4
  64. package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +20 -4
  65. package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +39 -0
  66. package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +42 -0
  67. package/src/multiValue/PRESET_SCATTER_BASIC.ts +39 -0
  68. package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +39 -0
  69. package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +42 -0
  70. package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +42 -0
  71. package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +42 -0
  72. package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +42 -0
  73. package/src/multiValue/index.ts +8 -0
  74. package/src/params.ts +25 -5
  75. package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +39 -0
  76. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +39 -0
  77. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +44 -0
  78. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +46 -0
  79. package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +41 -0
  80. package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +46 -0
  81. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +44 -0
  82. package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +41 -0
  83. package/src/relationship/index.ts +8 -0
  84. package/src/series/PRESET_BUBBLES_BASIC.ts +34 -0
  85. package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +18 -0
  86. package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +17 -1
  87. package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +36 -0
  88. package/src/series/PRESET_PIE_BASIC.ts +19 -1
  89. package/src/series/PRESET_PIE_DONUT.ts +18 -0
  90. package/src/series/PRESET_PIE_HALF_DONUT.ts +18 -1
  91. package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +36 -0
  92. package/src/series/PRESET_PIE_SUM_SERIES.ts +36 -0
  93. package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +19 -1
  94. package/src/series/PRESET_ROSE_BASIC.ts +18 -0
  95. package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +18 -0
  96. package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +36 -0
  97. package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +37 -0
  98. package/src/series/PRESET_ROSE_SUM_SERIES.ts +36 -0
  99. package/src/series/PRESET_SERIES_BASIC.ts +18 -0
  100. package/src/series/index.ts +7 -0
  101. package/src/tree/{PRESET_TREE_BASIC.ts → PRESET_TREE_MAP_BASIC.ts} +20 -4
  102. package/src/tree/index.ts +1 -1
  103. package/src/types.ts +103 -21
  104. package/dist/src/tree/PRESET_TREE_BASIC.d.ts +0 -4
@@ -9,11 +9,27 @@ export const PRESET_BARS_THIN: PresetPartial<'grid', Partial<PresetGridPluginPar
9
9
  name: 'PRESET_BARS_THIN',
10
10
  description: '細長條圖',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  },
19
35
  allPluginParams: {
@@ -7,11 +7,27 @@ export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginPa
7
7
  name: 'PRESET_GRID_BASIC',
8
8
  description: '基本Grid參數',
9
9
  chartParams: {
10
+ colors: {
11
+ light: {
12
+ label: [
13
+ "#4BABFF",
14
+ "#FFA0A0",
15
+ "#7DD3C4",
16
+ "#F9B052",
17
+ "#8454D4",
18
+ "#42C724",
19
+ "#FF4B4B",
20
+ "#904026",
21
+ "#4B25B3",
22
+ "#C50669"
23
+ ],
24
+ }
25
+ },
10
26
  padding: {
11
27
  top: 60,
12
28
  right: 60,
13
- bottom: 120,
14
- left: 60
29
+ bottom: 100,
30
+ left: 80
15
31
  },
16
32
  },
17
33
  allPluginParams: {
@@ -7,16 +7,32 @@ export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPlu
7
7
  name: 'PRESET_GRID_HORIZONTAL',
8
8
  description: '橫向圖',
9
9
  chartParams: {
10
+ colors: {
11
+ light: {
12
+ label: [
13
+ "#4BABFF",
14
+ "#FFA0A0",
15
+ "#7DD3C4",
16
+ "#F9B052",
17
+ "#8454D4",
18
+ "#42C724",
19
+ "#FF4B4B",
20
+ "#904026",
21
+ "#4B25B3",
22
+ "#C50669"
23
+ ],
24
+ }
25
+ },
10
26
  // 間距下面及左邊留空
11
27
  padding: {
12
28
  top: 60,
13
29
  right: 60,
14
- bottom: 120,
30
+ bottom: 100,
15
31
  left: 160
16
32
  },
17
33
  },
18
34
  dataFormatter: {
19
- grid: {
35
+ // grid: {
20
36
  valueAxis: {
21
37
  position: 'bottom'
22
38
  // position: 'top'
@@ -29,7 +45,7 @@ export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPlu
29
45
  // position: 'bottom'
30
46
  // position: 'top'
31
47
  },
32
- }
48
+ // }
33
49
  },
34
50
  allPluginParams: {
35
51
  // ...ALL_PLUGIN_PARAMS_GRID,
@@ -7,20 +7,36 @@ export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPlugi
7
7
  name: 'PRESET_GRID_PN_SCALE',
8
8
  description: '正負值分向圖',
9
9
  chartParams: {
10
+ colors: {
11
+ light: {
12
+ label: [
13
+ "#4BABFF",
14
+ "#FFA0A0",
15
+ "#7DD3C4",
16
+ "#F9B052",
17
+ "#8454D4",
18
+ "#42C724",
19
+ "#FF4B4B",
20
+ "#904026",
21
+ "#4B25B3",
22
+ "#C50669"
23
+ ],
24
+ }
25
+ },
10
26
  padding: {
11
27
  top: 60,
12
28
  right: 60,
13
- bottom: 120,
14
- left: 60
29
+ bottom: 100,
30
+ left: 80
15
31
  },
16
32
  },
17
33
  dataFormatter: {
18
- grid: {
34
+ // grid: {
19
35
  valueAxis: {
20
36
  scaleDomain: ['auto', 'auto'],
21
37
  scaleRange: [0.05, 0.95],
22
38
  },
23
- }
39
+ // }
24
40
  },
25
41
  allPluginParams: {
26
42
  // ...ALL_PLUGIN_PARAMS_GRID,
@@ -7,12 +7,28 @@ export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Preset
7
7
  name: 'PRESET_GRID_ROTATE_AXIS_LABEL',
8
8
  description: '傾斜標籤',
9
9
  chartParams: {
10
+ colors: {
11
+ light: {
12
+ label: [
13
+ "#4BABFF",
14
+ "#FFA0A0",
15
+ "#7DD3C4",
16
+ "#F9B052",
17
+ "#8454D4",
18
+ "#42C724",
19
+ "#FF4B4B",
20
+ "#904026",
21
+ "#4B25B3",
22
+ "#C50669"
23
+ ],
24
+ }
25
+ },
10
26
  // 間距下面加長留空
11
27
  padding: {
12
28
  top: 60,
13
29
  right: 60,
14
- bottom: 160,
15
- left: 60
30
+ bottom: 140,
31
+ left: 80
16
32
  },
17
33
  },
18
34
  allPluginParams: {
@@ -7,18 +7,34 @@ export const PRESET_GRID_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGr
7
7
  name: 'PRESET_GRID_SEPARATE_SERIES',
8
8
  description: '分開顯示Series',
9
9
  chartParams: {
10
+ colors: {
11
+ light: {
12
+ label: [
13
+ "#4BABFF",
14
+ "#FFA0A0",
15
+ "#7DD3C4",
16
+ "#F9B052",
17
+ "#8454D4",
18
+ "#42C724",
19
+ "#FF4B4B",
20
+ "#904026",
21
+ "#4B25B3",
22
+ "#C50669"
23
+ ],
24
+ }
25
+ },
10
26
  padding: {
11
27
  top: 60,
12
28
  right: 60,
13
- bottom: 160,
14
- left: 60
29
+ bottom: 140,
30
+ left: 80
15
31
  },
16
32
  },
17
33
  dataFormatter: {
18
- grid: {
34
+ // grid: {
19
35
  // seriesSlotIndexes: [0, 1],
20
36
  separateSeries: true,
21
- },
37
+ // },
22
38
  },
23
39
  allPluginParams: {
24
40
  // ...ALL_PLUGIN_PARAMS_GRID,
@@ -9,11 +9,27 @@ export const PRESET_LINES_BASIC: PresetPartial<'grid', Partial<PresetGridPluginP
9
9
  name: 'PRESET_LINES_BASIC',
10
10
  description: '基本Lines參數',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
@@ -9,11 +9,27 @@ export const PRESET_LINES_CURVE: PresetPartial<'grid', Partial<PresetGridPluginP
9
9
  name: 'PRESET_LINES_CURVE',
10
10
  description: '弧線折線圖',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
@@ -9,11 +9,27 @@ export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<Pr
9
9
  name: 'PRESET_LINES_HIGHLIGHT_GROUP_DOTS',
10
10
  description: '折線圖及Highlight Group圓點',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'group'
19
35
  },
@@ -9,16 +9,32 @@ export const PRESET_LINES_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPl
9
9
  name: 'PRESET_LINES_HORIZONTAL',
10
10
  description: '橫向折線圖',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
31
+ bottom: 100,
16
32
  left: 160
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  valueAxis: {
23
39
  position: 'bottom'
24
40
  // position: 'top'
@@ -31,7 +47,7 @@ export const PRESET_LINES_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPl
31
47
  // position: 'bottom'
32
48
  // position: 'top'
33
49
  },
34
- }
50
+ // }
35
51
  },
36
52
  allPluginParams: {
37
53
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -9,11 +9,27 @@ export const PRESET_LINES_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridP
9
9
  name: 'PRESET_LINES_LOOSE_TICKS',
10
10
  description: '寬鬆標籤',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
@@ -9,11 +9,27 @@ export const PRESET_LINES_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Prese
9
9
  name: 'PRESET_LINES_ROTATE_AXIS_LABEL',
10
10
  description: '傾斜標籤',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 160,
16
- left: 60
31
+ bottom: 140,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
@@ -9,11 +9,27 @@ export const PRESET_LINES_WITH_SOLID_DOTS: PresetPartial<'grid', Partial<PresetG
9
9
  name: 'PRESET_LINES_WITH_SOLID_DOTS',
10
10
  description: '折線圖及實心圓點',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
@@ -22,7 +38,7 @@ export const PRESET_LINES_WITH_SOLID_DOTS: PresetPartial<'grid', Partial<PresetG
22
38
  Lines: {},
23
39
  Dots: {
24
40
  radius: 3,
25
- fillColorType: 'series',
41
+ fillColorType: 'label',
26
42
  onlyShowHighlighted: false
27
43
  },
28
44
  GroupAxis: {},
@@ -9,20 +9,36 @@ export const PRESET_LINE_AREAS_BASIC: PresetPartial<'grid', Partial<PresetGridPl
9
9
  name: 'PRESET_LINE_AREAS_BASIC',
10
10
  description: '基本LineArea參數',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  groupAxis: {
23
39
  scalePadding: 0
24
40
  }
25
- }
41
+ // }
26
42
  },
27
43
  allPluginParams: {
28
44
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -9,20 +9,36 @@ export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPl
9
9
  name: 'PRESET_LINE_AREAS_CURVE',
10
10
  description: '弧線折線圖',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  groupAxis: {
23
39
  scalePadding: 0
24
40
  }
25
- }
41
+ // }
26
42
  },
27
43
  allPluginParams: {
28
44
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -9,20 +9,36 @@ export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Parti
9
9
  name: 'PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS',
10
10
  description: '折線圖及Highlight Group圓點',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'group'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  groupAxis: {
23
39
  scalePadding: 0
24
40
  }
25
- }
41
+ // }
26
42
  },
27
43
  allPluginParams: {
28
44
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -9,16 +9,32 @@ export const PRESET_LINE_AREAS_HORIZONTAL: PresetPartial<'grid', Partial<PresetG
9
9
  name: 'PRESET_LINE_AREAS_HORIZONTAL',
10
10
  description: '橫向折線圖',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
31
+ bottom: 100,
16
32
  left: 160
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  valueAxis: {
23
39
  position: 'bottom'
24
40
  },
@@ -26,7 +42,7 @@ export const PRESET_LINE_AREAS_HORIZONTAL: PresetPartial<'grid', Partial<PresetG
26
42
  position: 'left',
27
43
  scalePadding: 0
28
44
  },
29
- }
45
+ // }
30
46
  },
31
47
  allPluginParams: {
32
48
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,
@@ -9,20 +9,36 @@ export const PRESET_LINE_AREAS_LOOSE_TICKS: PresetPartial<'grid', Partial<Preset
9
9
  name: 'PRESET_LINE_AREAS_LOOSE_TICKS',
10
10
  description: '寬鬆標籤',
11
11
  chartParams: {
12
+ colors: {
13
+ light: {
14
+ label: [
15
+ "#4BABFF",
16
+ "#FFA0A0",
17
+ "#7DD3C4",
18
+ "#F9B052",
19
+ "#8454D4",
20
+ "#42C724",
21
+ "#FF4B4B",
22
+ "#904026",
23
+ "#4B25B3",
24
+ "#C50669"
25
+ ],
26
+ }
27
+ },
12
28
  padding: {
13
29
  top: 60,
14
30
  right: 60,
15
- bottom: 120,
16
- left: 60
31
+ bottom: 100,
32
+ left: 80
17
33
  },
18
34
  highlightTarget: 'series'
19
35
  },
20
36
  dataFormatter: {
21
- grid: {
37
+ // grid: {
22
38
  groupAxis: {
23
39
  scalePadding: 0
24
40
  }
25
- }
41
+ // }
26
42
  },
27
43
  allPluginParams: {
28
44
  // ...ALL_PLUGIN_PARAMS_NONE_DATA,