@orbcharts/presets-basic 3.0.0-alpha.2 → 3.0.0-alpha.3
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +200 -200
- package/dist/orbcharts-presets-basic.es.js +196 -119
- package/dist/orbcharts-presets-basic.umd.js +1 -1
- package/dist/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING.d.ts +3 -0
- package/dist/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT.d.ts +3 -0
- package/dist/src/chartParamsFiles/CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT.d.ts +3 -0
- package/dist/src/chartParamsFiles/CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT.d.ts +3 -0
- package/dist/src/chartParamsFiles/CP_TOP_AND_NO_BOTTOM_PADDING.d.ts +3 -0
- package/dist/src/chartParamsFiles/index.d.ts +5 -0
- package/dist/src/index.d.ts +3 -0
- package/package.json +43 -43
- package/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING.ts +14 -0
- package/src/chartParamsFiles/CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT.ts +15 -0
- package/src/chartParamsFiles/CP_BOTTOM_LONG_PADDING.ts +13 -13
- package/src/chartParamsFiles/CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT.ts +15 -0
- package/src/chartParamsFiles/CP_BOTTOM_PADDING.ts +13 -13
- package/src/chartParamsFiles/CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT.ts +14 -14
- package/src/chartParamsFiles/CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT.ts +15 -0
- package/src/chartParamsFiles/CP_LEFT_PADDING.ts +13 -13
- package/src/chartParamsFiles/CP_RIGHT_PADDING.ts +13 -13
- package/src/chartParamsFiles/CP_TOP_AND_NO_BOTTOM_PADDING.ts +14 -0
- package/src/chartParamsFiles/index.ts +9 -4
- package/src/createPreset.ts +87 -87
- package/src/gridDataFormatterFiles/DF_BOTTOM_VALUE_AXIS.ts +15 -15
- package/src/gridPluginParamsFiles/Bars/PP_BARS_ROUND.ts +14 -14
- package/src/gridPluginParamsFiles/Bars/PP_BARS_THIN.ts +14 -14
- package/src/gridPluginParamsFiles/Bars/index.ts +1 -1
- package/src/gridPluginParamsFiles/Dots/PP_DOTS_ONLY_SHOW_HIGHLIGHTED.ts +12 -14
- package/src/gridPluginParamsFiles/Dots/PP_DOTS_SOLID.ts +14 -14
- package/src/gridPluginParamsFiles/Dots/index.ts +1 -1
- package/src/gridPluginParamsFiles/GridLegend/PP_GRID_LEGEND_BOTTOM.ts +13 -13
- package/src/gridPluginParamsFiles/GridLegend/PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST.ts +14 -14
- package/src/gridPluginParamsFiles/GridLegend/index.ts +1 -1
- package/src/gridPluginParamsFiles/GroupAxis/PP_GROUP_AXIS_ROTATE_LABEL.ts +11 -11
- package/src/gridPluginParamsFiles/Lines/PP_LINES_CURVE.ts +12 -12
- package/src/gridPluginParamsFiles/index.ts +5 -5
- package/src/index.ts +124 -114
- package/src/seriesPluginParamsFiles/Bubbles/PP_BUBBLES_SCALING_BY_RADIUS.ts +11 -11
- package/src/seriesPluginParamsFiles/Pie/PP_PIE_DONUT.ts +12 -12
- package/src/seriesPluginParamsFiles/Pie/PP_PIE_HALF_DONUT.ts +14 -14
- package/src/seriesPluginParamsFiles/Pie/index.ts +1 -1
- package/src/seriesPluginParamsFiles/PieLabels/PP_PIE_LABELS_HALF_ANGLE.ts +13 -13
- package/src/seriesPluginParamsFiles/PieLabels/PP_PIE_LABELS_INNER.ts +13 -13
- package/src/seriesPluginParamsFiles/PieLabels/index.ts +1 -1
- package/src/seriesPluginParamsFiles/SeriesLegend/PP_SERIES_LEGEND_ROUND.ts +11 -11
- package/src/seriesPluginParamsFiles/index.ts +3 -3
- package/src/types.ts +58 -58
- package/tsconfig.json +13 -13
- package/vite.config.js +44 -44
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { DotsParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_DOTS_SOLID: PluginParamsFile<DotsParams> = {
|
5
|
-
id: 'PP_DOTS_SOLID',
|
6
|
-
chartType: 'grid',
|
7
|
-
pluginName: 'Dots',
|
8
|
-
description: '實心圓點',
|
9
|
-
data: {
|
10
|
-
radius: 3,
|
11
|
-
fillColorType: 'series',
|
12
|
-
onlyShowHighlighted: false
|
13
|
-
}
|
14
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { DotsParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_DOTS_SOLID: PluginParamsFile<DotsParams> = {
|
5
|
+
id: 'PP_DOTS_SOLID',
|
6
|
+
chartType: 'grid',
|
7
|
+
pluginName: 'Dots',
|
8
|
+
description: '實心圓點',
|
9
|
+
data: {
|
10
|
+
radius: 3,
|
11
|
+
fillColorType: 'series',
|
12
|
+
onlyShowHighlighted: false
|
13
|
+
}
|
14
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export { PP_DOTS_ONLY_SHOW_HIGHLIGHTED } from './PP_DOTS_ONLY_SHOW_HIGHLIGHTED'
|
1
|
+
export { PP_DOTS_ONLY_SHOW_HIGHLIGHTED } from './PP_DOTS_ONLY_SHOW_HIGHLIGHTED'
|
2
2
|
export { PP_DOTS_SOLID } from './PP_DOTS_SOLID'
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { GridLegendParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_GRID_LEGEND_BOTTOM: PluginParamsFile<GridLegendParams> = {
|
5
|
-
id: 'PP_GRID_LEGEND_BOTTOM',
|
6
|
-
chartType: 'grid',
|
7
|
-
pluginName: 'GridLegend',
|
8
|
-
description: '底部圖例',
|
9
|
-
data: {
|
10
|
-
position: 'bottom',
|
11
|
-
justify: 'center',
|
12
|
-
padding: 14,
|
13
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { GridLegendParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_GRID_LEGEND_BOTTOM: PluginParamsFile<GridLegendParams> = {
|
5
|
+
id: 'PP_GRID_LEGEND_BOTTOM',
|
6
|
+
chartType: 'grid',
|
7
|
+
pluginName: 'GridLegend',
|
8
|
+
description: '底部圖例',
|
9
|
+
data: {
|
10
|
+
position: 'bottom',
|
11
|
+
justify: 'center',
|
12
|
+
padding: 14,
|
13
|
+
}
|
14
14
|
}
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { GridLegendParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST: PluginParamsFile<GridLegendParams> = {
|
5
|
-
id: 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST',
|
6
|
-
chartType: 'grid',
|
7
|
-
pluginName: 'GridLegend',
|
8
|
-
description: '底部圖例及線條列點',
|
9
|
-
data: {
|
10
|
-
position: 'bottom',
|
11
|
-
justify: 'center',
|
12
|
-
padding: 14,
|
13
|
-
listRectHeight: 2
|
14
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { GridLegendParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST: PluginParamsFile<GridLegendParams> = {
|
5
|
+
id: 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST',
|
6
|
+
chartType: 'grid',
|
7
|
+
pluginName: 'GridLegend',
|
8
|
+
description: '底部圖例及線條列點',
|
9
|
+
data: {
|
10
|
+
position: 'bottom',
|
11
|
+
justify: 'center',
|
12
|
+
padding: 14,
|
13
|
+
listRectHeight: 2
|
14
|
+
}
|
15
15
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export { PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST } from './PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'
|
1
|
+
export { PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST } from './PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'
|
2
2
|
export { PP_GRID_LEGEND_BOTTOM } from './PP_GRID_LEGEND_BOTTOM'
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { GroupAxisParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_GROUP_AXIS_ROTATE_LABEL: PluginParamsFile<GroupAxisParams> = {
|
5
|
-
id: 'PP_GROUP_AXIS_ROTATE_LABEL',
|
6
|
-
chartType: 'grid',
|
7
|
-
pluginName: 'GroupAxis',
|
8
|
-
description: '群組圖軸標籤文字傾斜',
|
9
|
-
data: {
|
10
|
-
tickTextRotate: 40
|
11
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { GroupAxisParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_GROUP_AXIS_ROTATE_LABEL: PluginParamsFile<GroupAxisParams> = {
|
5
|
+
id: 'PP_GROUP_AXIS_ROTATE_LABEL',
|
6
|
+
chartType: 'grid',
|
7
|
+
pluginName: 'GroupAxis',
|
8
|
+
description: '群組圖軸標籤文字傾斜',
|
9
|
+
data: {
|
10
|
+
tickTextRotate: 40
|
11
|
+
}
|
12
12
|
}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { LinesParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_LINES_CURVE: PluginParamsFile<LinesParams> = {
|
5
|
-
id: 'PP_LINES_CURVE',
|
6
|
-
chartType: 'grid',
|
7
|
-
pluginName: 'Lines',
|
8
|
-
description: '圓弧折線圖',
|
9
|
-
data: {
|
10
|
-
lineCurve: 'curveMonotoneX',
|
11
|
-
lineWidth: 3
|
12
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { LinesParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_LINES_CURVE: PluginParamsFile<LinesParams> = {
|
5
|
+
id: 'PP_LINES_CURVE',
|
6
|
+
chartType: 'grid',
|
7
|
+
pluginName: 'Lines',
|
8
|
+
description: '圓弧折線圖',
|
9
|
+
data: {
|
10
|
+
lineCurve: 'curveMonotoneX',
|
11
|
+
lineWidth: 3
|
12
|
+
}
|
13
13
|
}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
export * from './Bars'
|
2
|
-
export * from './Dots'
|
3
|
-
export * from './GridLegend'
|
4
|
-
export * from './GroupAxis'
|
5
|
-
export * from './Lines'
|
1
|
+
export * from './Bars'
|
2
|
+
export * from './Dots'
|
3
|
+
export * from './GridLegend'
|
4
|
+
export * from './GroupAxis'
|
5
|
+
export * from './Lines'
|
6
6
|
// export * from './ValueAxis'
|
package/src/index.ts
CHANGED
@@ -1,114 +1,124 @@
|
|
1
|
-
import {
|
2
|
-
createSeriesPreset,
|
3
|
-
createGridPreset,
|
4
|
-
createMultiGridPreset,
|
5
|
-
createMultiValuePreset,
|
6
|
-
createRelationshipPreset,
|
7
|
-
createTreePreset } from './createPreset'
|
8
|
-
|
9
|
-
// -- series --
|
10
|
-
// 通用 - PRESET_SERIES_[name]
|
11
|
-
export const PRESET_SERIES_BASIC = createSeriesPreset({
|
12
|
-
// chartParamsId: 'CP_RIGHT_PADDING',
|
13
|
-
allPluginParamsIds: [],
|
14
|
-
description: '基本Series參數'
|
15
|
-
})
|
16
|
-
// Bubbles - PRESET_BUBBLES_[name]
|
17
|
-
export const PRESET_BUBBLES_SCALING_BY_RADIUS = createSeriesPreset({
|
18
|
-
// chartParamsId: 'CP_RIGHT_PADDING',
|
19
|
-
allPluginParamsIds: ['PP_BUBBLES_SCALING_BY_RADIUS', 'PP_SERIES_LEGEND_ROUND'],
|
20
|
-
description: '以半徑尺寸為比例的泡泡圖'
|
21
|
-
})
|
22
|
-
// Pie - PRESET_PIE_[name]
|
23
|
-
export const PRESET_PIE_WITH_INNER_LABELS = createSeriesPreset({
|
24
|
-
// chartParamsId: 'CP_RIGHT_PADDING',
|
25
|
-
allPluginParamsIds: ['PP_PIE_LABELS_INNER', 'PP_SERIES_LEGEND_ROUND'],
|
26
|
-
description: '圓餅圖及內部資料標籤'
|
27
|
-
})
|
28
|
-
export const PRESET_PIE_DONUT = createSeriesPreset({
|
29
|
-
// chartParamsId: 'CP_RIGHT_PADDING',
|
30
|
-
allPluginParamsIds: ['PP_PIE_DONUT', 'PP_SERIES_LEGEND_ROUND'],
|
31
|
-
description: '甜甜圈圖'
|
32
|
-
})
|
33
|
-
export const PRESET_PIE_HALF_DONUT = createSeriesPreset({
|
34
|
-
|
35
|
-
allPluginParamsIds: ['PP_PIE_HALF_DONUT', 'PP_PIE_LABELS_HALF_ANGLE', 'PP_SERIES_LEGEND_ROUND'],
|
36
|
-
description: '半圓甜甜圈圖'
|
37
|
-
})
|
38
|
-
|
39
|
-
// -- grid --
|
40
|
-
// 通用 - PRESET_GRID_[name]
|
41
|
-
export const PRESET_GRID_BASIC = createGridPreset({
|
42
|
-
chartParamsId: '
|
43
|
-
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
44
|
-
description: '基本Grid參數'
|
45
|
-
})
|
46
|
-
export const PRESET_GRID_ROTATE_AXIS_LABEL = createGridPreset({
|
47
|
-
chartParamsId: '
|
48
|
-
allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
|
49
|
-
description: '傾斜標籤'
|
50
|
-
})
|
51
|
-
export const PRESET_GRID_HORIZONTAL = createGridPreset({
|
52
|
-
chartParamsId: '
|
53
|
-
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
54
|
-
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
55
|
-
description: '橫向圓角長條圖'
|
56
|
-
})
|
57
|
-
// Bars - PRESET_BARS_[name]
|
58
|
-
export const PRESET_BARS_ROUND = createGridPreset({
|
59
|
-
chartParamsId: 'CP_BOTTOM_PADDING',
|
60
|
-
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
61
|
-
description: '圓角長條圖'
|
62
|
-
})
|
63
|
-
export const PRESET_BARS_HORIZONTAL_AND_ROUND = createGridPreset({
|
64
|
-
chartParamsId: '
|
65
|
-
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
66
|
-
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
67
|
-
description: '橫向圓角長條圖'
|
68
|
-
})
|
69
|
-
export const PRESET_BARS_THIN = createGridPreset({
|
70
|
-
chartParamsId: 'CP_BOTTOM_PADDING',
|
71
|
-
allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
|
72
|
-
description: '細長條圖'
|
73
|
-
})
|
74
|
-
export const PRESET_BARS_HORIZONTAL_AND_THIN = createGridPreset({
|
75
|
-
chartParamsId: '
|
76
|
-
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
77
|
-
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
78
|
-
description: '橫向圓角長條圖'
|
79
|
-
})
|
80
|
-
//
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
allPluginParamsIds: ['
|
95
|
-
description: '
|
96
|
-
})
|
97
|
-
// export const
|
98
|
-
// chartParamsId: '
|
99
|
-
// allPluginParamsIds: ['
|
100
|
-
// description: '
|
101
|
-
// })
|
102
|
-
export const
|
103
|
-
chartParamsId: '
|
104
|
-
allPluginParamsIds: ['
|
105
|
-
description: '
|
106
|
-
})
|
107
|
-
//
|
108
|
-
|
109
|
-
//
|
110
|
-
|
111
|
-
//
|
112
|
-
|
113
|
-
|
114
|
-
|
1
|
+
import {
|
2
|
+
createSeriesPreset,
|
3
|
+
createGridPreset,
|
4
|
+
createMultiGridPreset,
|
5
|
+
createMultiValuePreset,
|
6
|
+
createRelationshipPreset,
|
7
|
+
createTreePreset } from './createPreset'
|
8
|
+
|
9
|
+
// -- series --
|
10
|
+
// 通用 - PRESET_SERIES_[name]
|
11
|
+
export const PRESET_SERIES_BASIC = createSeriesPreset({
|
12
|
+
// chartParamsId: 'CP_RIGHT_PADDING',
|
13
|
+
allPluginParamsIds: [],
|
14
|
+
description: '基本Series參數'
|
15
|
+
})
|
16
|
+
// Bubbles - PRESET_BUBBLES_[name]
|
17
|
+
export const PRESET_BUBBLES_SCALING_BY_RADIUS = createSeriesPreset({
|
18
|
+
// chartParamsId: 'CP_RIGHT_PADDING',
|
19
|
+
allPluginParamsIds: ['PP_BUBBLES_SCALING_BY_RADIUS', 'PP_SERIES_LEGEND_ROUND'],
|
20
|
+
description: '以半徑尺寸為比例的泡泡圖'
|
21
|
+
})
|
22
|
+
// Pie - PRESET_PIE_[name]
|
23
|
+
export const PRESET_PIE_WITH_INNER_LABELS = createSeriesPreset({
|
24
|
+
// chartParamsId: 'CP_RIGHT_PADDING',
|
25
|
+
allPluginParamsIds: ['PP_PIE_LABELS_INNER', 'PP_SERIES_LEGEND_ROUND'],
|
26
|
+
description: '圓餅圖及內部資料標籤'
|
27
|
+
})
|
28
|
+
export const PRESET_PIE_DONUT = createSeriesPreset({
|
29
|
+
// chartParamsId: 'CP_RIGHT_PADDING',
|
30
|
+
allPluginParamsIds: ['PP_PIE_DONUT', 'PP_SERIES_LEGEND_ROUND'],
|
31
|
+
description: '甜甜圈圖'
|
32
|
+
})
|
33
|
+
export const PRESET_PIE_HALF_DONUT = createSeriesPreset({
|
34
|
+
chartParamsId: 'CP_TOP_AND_NO_BOTTOM_PADDING',
|
35
|
+
allPluginParamsIds: ['PP_PIE_HALF_DONUT', 'PP_PIE_LABELS_HALF_ANGLE', 'PP_SERIES_LEGEND_ROUND'],
|
36
|
+
description: '半圓甜甜圈圖'
|
37
|
+
})
|
38
|
+
|
39
|
+
// -- grid --
|
40
|
+
// 通用 - PRESET_GRID_[name]
|
41
|
+
export const PRESET_GRID_BASIC = createGridPreset({
|
42
|
+
chartParamsId: 'CP_BOTTOM_PADDING',
|
43
|
+
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
44
|
+
description: '基本Grid參數'
|
45
|
+
})
|
46
|
+
export const PRESET_GRID_ROTATE_AXIS_LABEL = createGridPreset({
|
47
|
+
chartParamsId: 'CP_BOTTOM_LONG_PADDING',
|
48
|
+
allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
|
49
|
+
description: '傾斜標籤'
|
50
|
+
})
|
51
|
+
export const PRESET_GRID_HORIZONTAL = createGridPreset({
|
52
|
+
chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
|
53
|
+
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
54
|
+
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
55
|
+
description: '橫向圓角長條圖'
|
56
|
+
})
|
57
|
+
// Bars - PRESET_BARS_[name]
|
58
|
+
export const PRESET_BARS_ROUND = createGridPreset({
|
59
|
+
chartParamsId: 'CP_BOTTOM_PADDING',
|
60
|
+
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
61
|
+
description: '圓角長條圖'
|
62
|
+
})
|
63
|
+
export const PRESET_BARS_HORIZONTAL_AND_ROUND = createGridPreset({
|
64
|
+
chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
|
65
|
+
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
66
|
+
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
67
|
+
description: '橫向圓角長條圖'
|
68
|
+
})
|
69
|
+
export const PRESET_BARS_THIN = createGridPreset({
|
70
|
+
chartParamsId: 'CP_BOTTOM_PADDING',
|
71
|
+
allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
|
72
|
+
description: '細長條圖'
|
73
|
+
})
|
74
|
+
export const PRESET_BARS_HORIZONTAL_AND_THIN = createGridPreset({
|
75
|
+
chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING',
|
76
|
+
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
77
|
+
allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
|
78
|
+
description: '橫向圓角長條圖'
|
79
|
+
})
|
80
|
+
// Lines - PRESET_LINES_[name]
|
81
|
+
export const PRESET_LINES_BASIC = createGridPreset({
|
82
|
+
chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
|
83
|
+
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
84
|
+
description: '基本Grid參數'
|
85
|
+
})
|
86
|
+
export const PRESET_LINES_ROTATE_AXIS_LABEL = createGridPreset({
|
87
|
+
chartParamsId: 'CP_BOTTOM_LONG_PADDING_WITH_SERIES_HIGHLIGHT',
|
88
|
+
allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
|
89
|
+
description: '傾斜標籤'
|
90
|
+
})
|
91
|
+
export const PRESET_LINES_HORIZONTAL = createGridPreset({
|
92
|
+
chartParamsId: 'CP_BOTTOM_AND_LEFT_PADDING_WITH_SERIES_HIGHLIGHT',
|
93
|
+
dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
|
94
|
+
allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
|
95
|
+
description: '橫向圓角長條圖'
|
96
|
+
})
|
97
|
+
// export const PRESET_LINES_WITH_SOLID_DOTS = createGridPreset({
|
98
|
+
// chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
|
99
|
+
// allPluginParamsIds: ['PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
|
100
|
+
// description: '折線圖及實心圓點'
|
101
|
+
// })
|
102
|
+
export const PRESET_LINES_CURVE = createGridPreset({
|
103
|
+
chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
|
104
|
+
allPluginParamsIds: ['PP_LINES_CURVE', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
|
105
|
+
description: '弧線折線圖'
|
106
|
+
})
|
107
|
+
// export const PRESET_LINES_CURVES_WITH_SOLID_DOTS = createGridPreset({
|
108
|
+
// chartParamsId: 'CP_BOTTOM_PADDING_WITH_SERIES_HIGHLIGHT',
|
109
|
+
// allPluginParamsIds: ['PP_LINES_CURVE', 'PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
|
110
|
+
// description: '弧線折線圖及實心圓點'
|
111
|
+
// })
|
112
|
+
export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS = createGridPreset({
|
113
|
+
chartParamsId: 'CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT',
|
114
|
+
allPluginParamsIds: ['PP_DOTS_ONLY_SHOW_HIGHLIGHTED', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
|
115
|
+
description: '折線圖及Highlight Group圓點'
|
116
|
+
})
|
117
|
+
// -- multi-grid --
|
118
|
+
|
119
|
+
// -- multi-value --
|
120
|
+
|
121
|
+
// -- relationship --
|
122
|
+
|
123
|
+
// -- tree --
|
124
|
+
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { BubblesParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_BUBBLES_SCALING_BY_RADIUS: PluginParamsFile<BubblesParams> = {
|
5
|
-
id: 'PP_BUBBLES_SCALING_BY_RADIUS',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'Bubbles',
|
8
|
-
description: '以半徑尺寸為比例的泡泡圖',
|
9
|
-
data: {
|
10
|
-
bubbleScaleType: 'radius'
|
11
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { BubblesParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_BUBBLES_SCALING_BY_RADIUS: PluginParamsFile<BubblesParams> = {
|
5
|
+
id: 'PP_BUBBLES_SCALING_BY_RADIUS',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'Bubbles',
|
8
|
+
description: '以半徑尺寸為比例的泡泡圖',
|
9
|
+
data: {
|
10
|
+
bubbleScaleType: 'radius'
|
11
|
+
}
|
12
12
|
}
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { PieParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_PIE_DONUT: PluginParamsFile<PieParams> = {
|
5
|
-
id: 'PP_PIE_DONUT',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'Pie',
|
8
|
-
description: '甜甜圈圖',
|
9
|
-
data: {
|
10
|
-
innerRadius: 0.5
|
11
|
-
}
|
12
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { PieParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_PIE_DONUT: PluginParamsFile<PieParams> = {
|
5
|
+
id: 'PP_PIE_DONUT',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'Pie',
|
8
|
+
description: '甜甜圈圖',
|
9
|
+
data: {
|
10
|
+
innerRadius: 0.5
|
11
|
+
}
|
12
|
+
}
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { PieParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_PIE_HALF_DONUT: PluginParamsFile<PieParams> = {
|
5
|
-
id: 'PP_PIE_HALF_DONUT',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'Pie',
|
8
|
-
description: '半圓甜甜圈圖',
|
9
|
-
data: {
|
10
|
-
innerRadius: 0.5,
|
11
|
-
startAngle: - Math.PI / 2,
|
12
|
-
endAngle: Math.PI / 2,
|
13
|
-
}
|
14
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { PieParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_PIE_HALF_DONUT: PluginParamsFile<PieParams> = {
|
5
|
+
id: 'PP_PIE_HALF_DONUT',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'Pie',
|
8
|
+
description: '半圓甜甜圈圖',
|
9
|
+
data: {
|
10
|
+
innerRadius: 0.5,
|
11
|
+
startAngle: - Math.PI / 2,
|
12
|
+
endAngle: Math.PI / 2,
|
13
|
+
}
|
14
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export { PP_PIE_DONUT } from './PP_PIE_DONUT'
|
1
|
+
export { PP_PIE_DONUT } from './PP_PIE_DONUT'
|
2
2
|
export { PP_PIE_HALF_DONUT } from './PP_PIE_HALF_DONUT'
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { PieLabelsParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_PIE_LABELS_HALF_ANGLE: PluginParamsFile<PieLabelsParams> = {
|
5
|
-
id: 'PP_PIE_LABELS_HALF_ANGLE',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'PieLabels',
|
8
|
-
description: '半圓甜甜圈資料標籤',
|
9
|
-
data: {
|
10
|
-
startAngle: - Math.PI / 2,
|
11
|
-
endAngle: Math.PI / 2,
|
12
|
-
}
|
13
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { PieLabelsParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_PIE_LABELS_HALF_ANGLE: PluginParamsFile<PieLabelsParams> = {
|
5
|
+
id: 'PP_PIE_LABELS_HALF_ANGLE',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'PieLabels',
|
8
|
+
description: '半圓甜甜圈資料標籤',
|
9
|
+
data: {
|
10
|
+
startAngle: - Math.PI / 2,
|
11
|
+
endAngle: Math.PI / 2,
|
12
|
+
}
|
13
|
+
}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { PieLabelsParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_PIE_LABELS_INNER: PluginParamsFile<PieLabelsParams> = {
|
5
|
-
id: 'PP_PIE_LABELS_INNER',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'PieLabels',
|
8
|
-
description: '圖內資料標籤',
|
9
|
-
data: {
|
10
|
-
"labelCentroid": 1.3,
|
11
|
-
"labelColorType": "primary"
|
12
|
-
}
|
13
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { PieLabelsParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_PIE_LABELS_INNER: PluginParamsFile<PieLabelsParams> = {
|
5
|
+
id: 'PP_PIE_LABELS_INNER',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'PieLabels',
|
8
|
+
description: '圖內資料標籤',
|
9
|
+
data: {
|
10
|
+
"labelCentroid": 1.3,
|
11
|
+
"labelColorType": "primary"
|
12
|
+
}
|
13
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export { PP_PIE_LABELS_HALF_ANGLE } from './PP_PIE_LABELS_HALF_ANGLE'
|
1
|
+
export { PP_PIE_LABELS_HALF_ANGLE } from './PP_PIE_LABELS_HALF_ANGLE'
|
2
2
|
export { PP_PIE_LABELS_INNER } from './PP_PIE_LABELS_INNER'
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import type { PluginParamsFile } from '../../types'
|
2
|
-
import type { SeriesLegendParams } from '@orbcharts/plugins-basic'
|
3
|
-
|
4
|
-
export const PP_SERIES_LEGEND_ROUND: PluginParamsFile<SeriesLegendParams> = {
|
5
|
-
id: 'PP_SERIES_LEGEND_BOTTOM',
|
6
|
-
chartType: 'series',
|
7
|
-
pluginName: 'SeriesLegend',
|
8
|
-
description: '圓型圖例列點',
|
9
|
-
data: {
|
10
|
-
listRectRadius: 7
|
11
|
-
}
|
1
|
+
import type { PluginParamsFile } from '../../types'
|
2
|
+
import type { SeriesLegendParams } from '@orbcharts/plugins-basic'
|
3
|
+
|
4
|
+
export const PP_SERIES_LEGEND_ROUND: PluginParamsFile<SeriesLegendParams> = {
|
5
|
+
id: 'PP_SERIES_LEGEND_BOTTOM',
|
6
|
+
chartType: 'series',
|
7
|
+
pluginName: 'SeriesLegend',
|
8
|
+
description: '圓型圖例列點',
|
9
|
+
data: {
|
10
|
+
listRectRadius: 7
|
11
|
+
}
|
12
12
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export * from './Bubbles'
|
2
|
-
export * from './Pie'
|
3
|
-
export * from './PieLabels'
|
1
|
+
export * from './Bubbles'
|
2
|
+
export * from './Pie'
|
3
|
+
export * from './PieLabels'
|
4
4
|
export * from './SeriesLegend'
|