@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
@@ -0,0 +1,42 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_SCATTER_SEPARATE_CATEGORY: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_SCATTER_SEPARATE_CATEGORY',
|
8
|
+
description: '分開顯示category的散布圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#16B59B",
|
14
|
+
"#0088FF",
|
15
|
+
"#FF3232",
|
16
|
+
"#8E6BC9",
|
17
|
+
"#904026",
|
18
|
+
"#D117EA",
|
19
|
+
"#F38428",
|
20
|
+
"#6BDC51",
|
21
|
+
"#C50669",
|
22
|
+
"#4B25B3"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
},
|
26
|
+
padding: {
|
27
|
+
top: 60,
|
28
|
+
right: 60,
|
29
|
+
bottom: 100,
|
30
|
+
left: 60
|
31
|
+
},
|
32
|
+
},
|
33
|
+
dataFormatter: {
|
34
|
+
separateCategory: true
|
35
|
+
},
|
36
|
+
allPluginParams: {
|
37
|
+
MultiValueLegend: {
|
38
|
+
placement: 'bottom',
|
39
|
+
padding: 14,
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { PRESET_MULTI_VALUE_BASIC } from './PRESET_MULTI_VALUE_BASIC'
|
2
|
+
export { PRESET_MULTI_VALUE_SEPARATE_CATEGORY } from './PRESET_MULTI_VALUE_SEPARATE_CATEGORY'
|
3
|
+
export { PRESET_SCATTER_BASIC } from './PRESET_SCATTER_BASIC'
|
4
|
+
export { PRESET_SCATTER_SEPARATE_CATEGORY } from './PRESET_SCATTER_SEPARATE_CATEGORY'
|
5
|
+
export { PRESET_SCATTER_BUBBLES_BASIC } from './PRESET_SCATTER_BUBBLES_BASIC'
|
6
|
+
export { PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS } from './PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS'
|
7
|
+
export { PRESET_SCATTER_BUBBLES_LINEAR_OPACITY } from './PRESET_SCATTER_BUBBLES_LINEAR_OPACITY'
|
8
|
+
export { PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY } from './PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY'
|
package/src/params.ts
CHANGED
@@ -2,6 +2,8 @@ import type {
|
|
2
2
|
PresetSeriesPluginParams,
|
3
3
|
PresetGridPluginParams,
|
4
4
|
PresetMultiGridPluginParams,
|
5
|
+
PresetMultiValuePluginParams,
|
6
|
+
PresetRelationshipPluginParams,
|
5
7
|
PresetTreePluginParams,
|
6
8
|
PresetNoneDataPluginParams
|
7
9
|
} from './types'
|
@@ -20,7 +22,7 @@ export const ALL_PLUGIN_PARAMS_SERIES: PresetSeriesPluginParams = {
|
|
20
22
|
export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
|
21
23
|
Bars: {},
|
22
24
|
BarsPN: {},
|
23
|
-
|
25
|
+
StackedBar: {},
|
24
26
|
BarsTriangle: {},
|
25
27
|
Dots: {},
|
26
28
|
GridLegend: {},
|
@@ -31,12 +33,12 @@ export const ALL_PLUGIN_PARAMS_GRID: PresetGridPluginParams = {
|
|
31
33
|
Lines: {},
|
32
34
|
GridZoom: {},
|
33
35
|
ValueAxis: {},
|
34
|
-
|
36
|
+
StackedValueAxis: {},
|
35
37
|
}
|
36
38
|
|
37
39
|
export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
|
38
40
|
MultiBars: {},
|
39
|
-
|
41
|
+
MultiStackedBar: {},
|
40
42
|
MultiBarsTriangle: {},
|
41
43
|
MultiDots: {},
|
42
44
|
MultiGridLegend: {},
|
@@ -45,11 +47,29 @@ export const ALL_PLUGIN_PARAMS_MULTI_GRID: PresetMultiGridPluginParams = {
|
|
45
47
|
MultiLineAreas: {},
|
46
48
|
MultiLines: {},
|
47
49
|
MultiValueAxis: {},
|
48
|
-
|
50
|
+
MultiStackedValueAxis: {},
|
49
51
|
OverlappingValueAxes: {},
|
50
|
-
|
52
|
+
OverlappingStackedValueAxes: {},
|
51
53
|
}
|
52
54
|
|
55
|
+
export const ALL_PLUGIN_PARAMS_MULTI_VALUE: PresetMultiValuePluginParams = {
|
56
|
+
MultiValueLegend: {},
|
57
|
+
MultiValueTooltip: {},
|
58
|
+
Scatter: {},
|
59
|
+
ScatterBubbles: {},
|
60
|
+
XYAxes: {},
|
61
|
+
XYAux: {},
|
62
|
+
XYZoom: {}
|
63
|
+
}
|
64
|
+
|
65
|
+
export const ALL_PLUGIN_PARAMS_RELATIONSHIP: PresetRelationshipPluginParams = {
|
66
|
+
ForceDirected: {},
|
67
|
+
ForceDirectedBubbles: {},
|
68
|
+
RelationshipLegend: {},
|
69
|
+
RelationshipTooltip: {},
|
70
|
+
}
|
71
|
+
|
72
|
+
|
53
73
|
export const ALL_PLUGIN_PARAMS_TREE: PresetTreePluginParams = {
|
54
74
|
TreeLegend: {},
|
55
75
|
TreeMap: {},
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_BASIC',
|
8
|
+
description: '基本Force Directed參數',
|
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
|
+
},
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirected: {},
|
35
|
+
RelationshipLegend: {
|
36
|
+
listRectRadius: 7 // 圓型圖例列點
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
|
8
|
+
description: '基本Force Directed Bubbles參數',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirectedBubbles: {},
|
35
|
+
RelationshipLegend: {
|
36
|
+
listRectRadius: 7 // 圓型圖例列點
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH',
|
8
|
+
description: 'Force Directed Bubbles固定箭頭寬度',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirectedBubbles: {
|
35
|
+
arrow: {
|
36
|
+
strokeWidthMin: 1.5,
|
37
|
+
strokeWidthMax: 1.5
|
38
|
+
}
|
39
|
+
},
|
40
|
+
RelationshipLegend: {
|
41
|
+
listRectRadius: 7 // 圓型圖例列點
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW',
|
8
|
+
description: 'Force Directed Bubbles沒有箭頭',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirectedBubbles: {
|
35
|
+
arrow: {
|
36
|
+
pointerWidth: 0,
|
37
|
+
pointerHeight: 0,
|
38
|
+
// strokeWidthMin: 1.5,
|
39
|
+
// strokeWidthMax: 9
|
40
|
+
}
|
41
|
+
},
|
42
|
+
RelationshipLegend: {
|
43
|
+
listRectRadius: 7 // 圓型圖例列點
|
44
|
+
}
|
45
|
+
}
|
46
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM',
|
8
|
+
description: 'Force Directed Bubbles無滑鼠托曳及縮放控制',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirectedBubbles: {
|
35
|
+
zoomable: false,
|
36
|
+
},
|
37
|
+
RelationshipLegend: {
|
38
|
+
listRectRadius: 7 // 圓型圖例列點
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_FIX_FONT_SIZE',
|
8
|
+
description: '基本Force Directed參數',
|
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
|
+
},
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirected: {
|
35
|
+
dotLabel: {
|
36
|
+
sizeFixed: true
|
37
|
+
},
|
38
|
+
arrowLabel: {
|
39
|
+
sizeFixed: true
|
40
|
+
}
|
41
|
+
},
|
42
|
+
RelationshipLegend: {
|
43
|
+
listRectRadius: 7 // 圓型圖例列點
|
44
|
+
}
|
45
|
+
}
|
46
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_NONE_ARROW',
|
8
|
+
description: 'Force Directed沒有箭頭',
|
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
|
+
},
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirected: {
|
35
|
+
arrow: {
|
36
|
+
pointerWidth: 0,
|
37
|
+
pointerHeight: 0
|
38
|
+
}
|
39
|
+
},
|
40
|
+
RelationshipLegend: {
|
41
|
+
listRectRadius: 7 // 圓型圖例列點
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_FORCE_DIRECTED_NONE_ZOOM',
|
8
|
+
description: 'Force Directed無滑鼠托曳及縮放控制',
|
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
|
+
},
|
26
|
+
// padding: {
|
27
|
+
// top: 40,
|
28
|
+
// right: 40,
|
29
|
+
// bottom: 60,
|
30
|
+
// left: 40
|
31
|
+
// },
|
32
|
+
},
|
33
|
+
allPluginParams: {
|
34
|
+
ForceDirected: {
|
35
|
+
zoomable: false,
|
36
|
+
},
|
37
|
+
RelationshipLegend: {
|
38
|
+
listRectRadius: 7 // 圓型圖例列點
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { PRESET_FORCE_DIRECTED_BASIC } from './PRESET_FORCE_DIRECTED_BASIC'
|
2
|
+
export { PRESET_FORCE_DIRECTED_BUBBLES_BASIC } from './PRESET_FORCE_DIRECTED_BUBBLES_BASIC'
|
3
|
+
export { PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH } from './PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH'
|
4
|
+
export { PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW } from './PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW'
|
5
|
+
export { PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM } from './PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM'
|
6
|
+
export { PRESET_FORCE_DIRECTED_NONE_ZOOM } from './PRESET_FORCE_DIRECTED_NONE_ZOOM'
|
7
|
+
export { PRESET_FORCE_DIRECTED_FIX_FONT_SIZE } from './PRESET_FORCE_DIRECTED_FIX_FONT_SIZE'
|
8
|
+
export { PRESET_FORCE_DIRECTED_NONE_ARROW } from './PRESET_FORCE_DIRECTED_NONE_ARROW'
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_BUBBLES_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_BUBBLES_BASIC',
|
8
|
+
description: '基本泡泡圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
},
|
27
|
+
allPluginParams: {
|
28
|
+
// ...ALL_PLUGIN_PARAMS_SERIES,
|
29
|
+
// ...ALL_PLUGIN_PARAMS_NONE_DATA,
|
30
|
+
SeriesLegend: {
|
31
|
+
listRectRadius: 7 // 圓型圖例列點
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
@@ -6,6 +6,24 @@ export const PRESET_BUBBLES_SCALING_BY_RADIUS: PresetPartial<'series', Partial<P
|
|
6
6
|
& Partial<PresetNoneDataPluginParams>> = {
|
7
7
|
name: 'PRESET_BUBBLES_SCALING_BY_RADIUS',
|
8
8
|
description: '以半徑尺寸為比例的泡泡圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
},
|
9
27
|
allPluginParams: {
|
10
28
|
// ...ALL_PLUGIN_PARAMS_NONE_DATA,
|
11
29
|
Bubbles: {
|
@@ -5,8 +5,24 @@ import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../ty
|
|
5
5
|
export const PRESET_BUBBLES_SEPARATE_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
|
6
6
|
& Partial<PresetNoneDataPluginParams>> = {
|
7
7
|
name: 'PRESET_BUBBLES_SEPARATE_SERIES',
|
8
|
-
description: '分開顯示Series
|
8
|
+
description: '分開顯示Series的泡泡圖',
|
9
9
|
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
},
|
10
26
|
// 加長留空
|
11
27
|
padding: {
|
12
28
|
top: 160,
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import type { PresetPartial } from '../../lib/core-types'
|
2
|
+
import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
|
3
|
+
// import { ALL_PLUGIN_PARAMS_SERIES, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
|
4
|
+
|
5
|
+
export const PRESET_BUBBLES_SUM_SERIES: PresetPartial<'series', Partial<PresetSeriesPluginParams>
|
6
|
+
& Partial<PresetNoneDataPluginParams>> = {
|
7
|
+
name: 'PRESET_BUBBLES_SUM_SERIES',
|
8
|
+
description: '合併Series資料的泡泡圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#6CBAFF",
|
14
|
+
"#FF6C6C",
|
15
|
+
"#F9B052",
|
16
|
+
"#7DD3C4",
|
17
|
+
"#AA93D2",
|
18
|
+
"#0088FF",
|
19
|
+
"#FFBABA",
|
20
|
+
"#86DC72",
|
21
|
+
"#EF76FF",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
},
|
27
|
+
dataFormatter: {
|
28
|
+
sort: (a, b) => b.value - a.value,
|
29
|
+
sumSeries: true
|
30
|
+
},
|
31
|
+
allPluginParams: {
|
32
|
+
// ...ALL_PLUGIN_PARAMS_SERIES,
|
33
|
+
// ...ALL_PLUGIN_PARAMS_NONE_DATA,
|
34
|
+
}
|
35
|
+
}
|
36
|
+
PRESET_BUBBLES_SUM_SERIES.dataFormatter.sort.toString = () => `(a, b) => b.value - a.value`
|
@@ -5,7 +5,25 @@ import type { PresetSeriesPluginParams, PresetSeriesTooltipParams, PresetNoneDat
|
|
5
5
|
export const PRESET_PIE_BASIC: PresetPartial<'series', Partial<PresetSeriesPluginParams>
|
6
6
|
& Partial<PresetNoneDataPluginParams>> = {
|
7
7
|
name: 'PRESET_PIE_BASIC',
|
8
|
-
description: '
|
8
|
+
description: '基本圓餅圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#7DD3C4",
|
14
|
+
"#FFA0A0",
|
15
|
+
"#6CBAFF",
|
16
|
+
"#55D339",
|
17
|
+
"#F9B052",
|
18
|
+
"#FF6C6C",
|
19
|
+
"#8E6BC9",
|
20
|
+
"#0088FF",
|
21
|
+
"#904026",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
},
|
9
27
|
dataFormatter: {
|
10
28
|
sort: (a, b) => b.value - a.value
|
11
29
|
},
|
@@ -6,6 +6,24 @@ export const PRESET_PIE_DONUT: PresetPartial<'series', Partial<PresetSeriesPlugi
|
|
6
6
|
& Partial<PresetNoneDataPluginParams>> = {
|
7
7
|
name: 'PRESET_PIE_DONUT',
|
8
8
|
description: '甜甜圈圖',
|
9
|
+
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#7DD3C4",
|
14
|
+
"#FFA0A0",
|
15
|
+
"#6CBAFF",
|
16
|
+
"#55D339",
|
17
|
+
"#F9B052",
|
18
|
+
"#FF6C6C",
|
19
|
+
"#8E6BC9",
|
20
|
+
"#0088FF",
|
21
|
+
"#904026",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
}
|
26
|
+
},
|
9
27
|
dataFormatter: {
|
10
28
|
sort: (a, b) => b.value - a.value
|
11
29
|
},
|
@@ -7,9 +7,25 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
|
|
7
7
|
name: 'PRESET_PIE_HALF_DONUT',
|
8
8
|
description: '半圓甜甜圈圖',
|
9
9
|
chartParams: {
|
10
|
+
colors: {
|
11
|
+
light: {
|
12
|
+
label: [
|
13
|
+
"#7DD3C4",
|
14
|
+
"#FFA0A0",
|
15
|
+
"#6CBAFF",
|
16
|
+
"#55D339",
|
17
|
+
"#F9B052",
|
18
|
+
"#FF6C6C",
|
19
|
+
"#8E6BC9",
|
20
|
+
"#0088FF",
|
21
|
+
"#904026",
|
22
|
+
"#C4C4C4"
|
23
|
+
],
|
24
|
+
}
|
25
|
+
},
|
10
26
|
padding: {
|
11
27
|
top: 120,
|
12
|
-
right:
|
28
|
+
right: 60,
|
13
29
|
bottom: 0,
|
14
30
|
left: 60
|
15
31
|
},
|
@@ -30,6 +46,7 @@ export const PRESET_PIE_HALF_DONUT: PresetPartial<'series', Partial<PresetSeries
|
|
30
46
|
},
|
31
47
|
PieEventTexts: {},
|
32
48
|
SeriesLegend: {
|
49
|
+
placement: 'bottom',
|
33
50
|
listRectRadius: 7 // 圓型圖例列點
|
34
51
|
}
|
35
52
|
}
|