@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.
- package/dist/orbcharts-presets-basic.es.js +1680 -256
- package/dist/orbcharts-presets-basic.umd.js +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/multiValue/PRESET_MULTI_VALUE_BASIC.d.ts +4 -0
- package/dist/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_BASIC.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.d.ts +4 -0
- package/dist/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.d.ts +4 -0
- package/dist/src/multiValue/index.d.ts +8 -0
- package/dist/src/params.d.ts +3 -1
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_BASIC.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.d.ts +4 -0
- package/dist/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.d.ts +4 -0
- package/dist/src/relationship/index.d.ts +8 -0
- package/dist/src/series/PRESET_BUBBLES_BASIC.d.ts +4 -0
- package/dist/src/series/PRESET_BUBBLES_SUM_SERIES.d.ts +4 -0
- package/dist/src/series/PRESET_PIE_SEPARATE_SERIES.d.ts +4 -0
- package/dist/src/series/PRESET_PIE_SUM_SERIES.d.ts +4 -0
- package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES.d.ts +4 -0
- package/dist/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.d.ts +4 -0
- package/dist/src/series/PRESET_ROSE_SUM_SERIES.d.ts +4 -0
- package/dist/src/series/index.d.ts +7 -0
- package/dist/src/tree/PRESET_TREE_MAP_BASIC.d.ts +4 -0
- package/dist/src/tree/index.d.ts +1 -1
- package/dist/src/types.d.ts +55 -14
- package/package.json +3 -3
- package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +19 -3
- package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +19 -3
- package/src/grid/PRESET_BARS_ROUND.ts +18 -2
- package/src/grid/PRESET_BARS_THIN.ts +18 -2
- package/src/grid/PRESET_GRID_BASIC.ts +18 -2
- package/src/grid/PRESET_GRID_HORIZONTAL.ts +19 -3
- package/src/grid/PRESET_GRID_PN_SCALE.ts +20 -4
- package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +18 -2
- package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +20 -4
- package/src/grid/PRESET_LINES_BASIC.ts +18 -2
- package/src/grid/PRESET_LINES_CURVE.ts +18 -2
- package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +18 -2
- package/src/grid/PRESET_LINES_HORIZONTAL.ts +19 -3
- package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +18 -2
- package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +18 -2
- package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +19 -3
- package/src/grid/PRESET_LINE_AREAS_BASIC.ts +20 -4
- package/src/grid/PRESET_LINE_AREAS_CURVE.ts +20 -4
- package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +20 -4
- package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +19 -3
- package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +20 -4
- package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +20 -4
- package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +20 -4
- package/src/index.ts +2 -0
- package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +18 -2
- package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +22 -6
- package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +21 -5
- package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +20 -4
- package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +20 -4
- package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +20 -4
- package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +39 -0
- package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +42 -0
- package/src/multiValue/PRESET_SCATTER_BASIC.ts +39 -0
- package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +39 -0
- package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +42 -0
- package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +42 -0
- package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +42 -0
- package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +42 -0
- package/src/multiValue/index.ts +8 -0
- package/src/params.ts +25 -5
- package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +39 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +39 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +44 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +46 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +41 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +46 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +44 -0
- package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +41 -0
- package/src/relationship/index.ts +8 -0
- package/src/series/PRESET_BUBBLES_BASIC.ts +34 -0
- package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +18 -0
- package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +17 -1
- package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +36 -0
- package/src/series/PRESET_PIE_BASIC.ts +19 -1
- package/src/series/PRESET_PIE_DONUT.ts +18 -0
- package/src/series/PRESET_PIE_HALF_DONUT.ts +18 -1
- package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +36 -0
- package/src/series/PRESET_PIE_SUM_SERIES.ts +36 -0
- package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +19 -1
- package/src/series/PRESET_ROSE_BASIC.ts +18 -0
- package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +18 -0
- package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +36 -0
- package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +37 -0
- package/src/series/PRESET_ROSE_SUM_SERIES.ts +36 -0
- package/src/series/PRESET_SERIES_BASIC.ts +18 -0
- package/src/series/index.ts +7 -0
- package/src/tree/{PRESET_TREE_BASIC.ts → PRESET_TREE_MAP_BASIC.ts} +20 -4
- package/src/tree/index.ts +1 -1
- package/src/types.ts +103 -21
- 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:
|
16
|
-
left:
|
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:
|
14
|
-
left:
|
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:
|
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:
|
14
|
-
left:
|
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:
|
15
|
-
left:
|
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:
|
14
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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: '
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
16
|
-
left:
|
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:
|
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:
|
16
|
-
left:
|
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,
|