@orbcharts/plugins-basic 3.0.0-alpha.45 → 3.0.0-alpha.47
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +200 -200
- package/dist/orbcharts-plugins-basic.es.js +826 -791
- package/dist/orbcharts-plugins-basic.umd.js +7 -7
- package/dist/src/index.d.ts +5 -1
- package/dist/{orbcharts-plugins-basic/src → src}/series/seriesObservables.d.ts +4 -4
- package/package.json +42 -42
- package/src/base/BaseBarStack.ts +778 -778
- package/src/base/BaseBars.ts +764 -764
- package/src/base/BaseBarsTriangle.ts +672 -672
- package/src/base/BaseDots.ts +502 -502
- package/src/base/BaseGroupAxis.ts +496 -496
- package/src/base/BaseLegend.ts +641 -641
- package/src/base/BaseLineAreas.ts +625 -625
- package/src/base/BaseLines.ts +699 -699
- package/src/base/BaseValueAxis.ts +478 -478
- package/src/base/types.ts +2 -2
- package/src/grid/defaults.ts +121 -121
- package/src/grid/gridObservables.ts +247 -247
- package/src/grid/index.ts +15 -15
- package/src/grid/plugins/BarStack.ts +50 -50
- package/src/grid/plugins/Bars.ts +51 -51
- package/src/grid/plugins/BarsDiverging.ts +41 -41
- package/src/grid/plugins/BarsTriangle.ts +50 -50
- package/src/grid/plugins/Dots.ts +37 -37
- package/src/grid/plugins/GridLegend.ts +59 -59
- package/src/grid/plugins/GroupAux.ts +645 -645
- package/src/grid/plugins/GroupAxis.ts +42 -42
- package/src/grid/plugins/LineAreas.ts +39 -39
- package/src/grid/plugins/Lines.ts +38 -38
- package/src/grid/plugins/ScalingArea.ts +173 -173
- package/src/grid/plugins/ValueAxis.ts +43 -43
- package/src/grid/plugins/ValueStackAxis.ts +79 -79
- package/src/grid/types.ts +120 -120
- package/src/index.ts +9 -9
- package/src/multiGrid/defaults.ts +147 -147
- package/src/multiGrid/index.ts +11 -11
- package/src/multiGrid/multiGridObservables.ts +42 -42
- package/src/multiGrid/plugins/MultiBarStack.ts +78 -74
- package/src/multiGrid/plugins/MultiBars.ts +77 -73
- package/src/multiGrid/plugins/MultiBarsTriangle.ts +77 -73
- package/src/multiGrid/plugins/MultiDots.ts +65 -60
- package/src/multiGrid/plugins/MultiGridLegend.ts +89 -89
- package/src/multiGrid/plugins/MultiGroupAxis.ts +69 -65
- package/src/multiGrid/plugins/MultiLineAreas.ts +67 -62
- package/src/multiGrid/plugins/MultiLines.ts +66 -61
- package/src/multiGrid/plugins/MultiValueAxis.ts +69 -65
- package/src/multiGrid/plugins/OverlappingValueAxes.ts +173 -169
- package/src/multiGrid/types.ts +67 -67
- package/src/noneData/defaults.ts +64 -64
- package/src/noneData/index.ts +3 -3
- package/src/noneData/plugins/Container.ts +10 -10
- package/src/noneData/plugins/Tooltip.ts +310 -310
- package/src/noneData/types.ts +26 -26
- package/src/series/defaults.ts +109 -109
- package/src/series/index.ts +6 -6
- package/src/series/plugins/Bubbles.ts +602 -571
- package/src/series/plugins/Pie.ts +563 -548
- package/src/series/plugins/PieEventTexts.ts +262 -258
- package/src/series/plugins/PieLabels.ts +339 -335
- package/src/series/plugins/SeriesLegend.ts +59 -59
- package/src/series/seriesObservables.ts +145 -145
- package/src/series/seriesUtils.ts +50 -50
- package/src/series/types.ts +67 -67
- package/src/tree/defaults.ts +22 -22
- package/src/tree/index.ts +3 -3
- package/src/tree/plugins/TreeLegend.ts +59 -59
- package/src/tree/plugins/TreeMap.ts +305 -305
- package/src/tree/types.ts +23 -23
- package/src/utils/commonUtils.ts +21 -21
- package/src/utils/d3Graphics.ts +124 -124
- package/src/utils/d3Utils.ts +73 -73
- package/src/utils/observables.ts +14 -14
- package/src/utils/orbchartsUtils.ts +100 -100
- package/tsconfig.dev.json +16 -16
- package/tsconfig.json +13 -16
- package/tsconfig.prod.json +13 -13
- package/vite.config.js +49 -49
- package/dist/orbcharts-plugins-basic/src/index.d.ts +0 -5
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseBarStack.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseBars.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseBarsTriangle.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseDots.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseGroupArea.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseGroupAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseLegend.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseLineAreas.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseLines.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/BaseValueAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/base/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/defaults.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/gridObservables.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/BarStack.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/Bars.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/BarsDiverging.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/BarsTriangle.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/Dots.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/GridLegend.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/GroupAux.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/GroupAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/LineAreas.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/Lines.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/Ranking.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/RankingAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/ScalingArea.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/ValueAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/plugins/ValueStackAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/grid/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/defaults.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/multiGridObservables.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiBarStack.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiBars.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiBarsTriangle.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiDots.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiGridLegend.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiGroupAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiLineAreas.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiLines.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/MultiValueAxis.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/plugins/OverlappingValueAxes.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiGrid/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiValue/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiValue/plugins/Scatter.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/multiValue/plugins/ScatterAxes.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/noneData/defaults.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/noneData/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/noneData/plugins/Container.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/noneData/plugins/Tooltip.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/noneData/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/relationship/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/relationship/plugins/Relationship.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/defaults.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/Bubbles.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/Pie.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/PieEventTexts.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/PieLabels.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/SeriesLegend.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/plugins/Waffle.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/seriesUtils.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/series/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/tree/defaults.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/tree/index.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/tree/plugins/TreeLegend.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/tree/plugins/TreeMap.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/tree/types.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/utils/commonUtils.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/utils/d3Graphics.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/utils/d3Utils.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/utils/observables.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/src → src}/utils/orbchartsUtils.d.ts +0 -0
- /package/dist/{orbcharts-plugins-basic/vite.config.d.ts → vite.config.d.ts} +0 -0
package/src/tree/defaults.ts
CHANGED
@@ -1,22 +1,22 @@
|
|
1
|
-
import type { TreeMapParams, TreeLegendParams } from './types'
|
2
|
-
|
3
|
-
export const DEFAULT_TREE_MAP_PARAMS: TreeMapParams = {
|
4
|
-
paddingInner: 2,
|
5
|
-
paddingOuter: 2,
|
6
|
-
labelColorType: 'primary',
|
7
|
-
squarifyRatio: 1.618034, // 黃金比例
|
8
|
-
sort: (a, b) => b.value - a.value
|
9
|
-
}
|
10
|
-
|
11
|
-
export const DEFAULT_TREE_LEGEND_PARAMS: TreeLegendParams = {
|
12
|
-
position: 'right',
|
13
|
-
justify: 'end',
|
14
|
-
padding: 28,
|
15
|
-
backgroundFill: 'none',
|
16
|
-
backgroundStroke: 'none',
|
17
|
-
gap: 10,
|
18
|
-
listRectWidth: 14,
|
19
|
-
listRectHeight: 14,
|
20
|
-
listRectRadius: 0,
|
21
|
-
textColorType: 'primary'
|
22
|
-
}
|
1
|
+
import type { TreeMapParams, TreeLegendParams } from './types'
|
2
|
+
|
3
|
+
export const DEFAULT_TREE_MAP_PARAMS: TreeMapParams = {
|
4
|
+
paddingInner: 2,
|
5
|
+
paddingOuter: 2,
|
6
|
+
labelColorType: 'primary',
|
7
|
+
squarifyRatio: 1.618034, // 黃金比例
|
8
|
+
sort: (a, b) => b.value - a.value
|
9
|
+
}
|
10
|
+
|
11
|
+
export const DEFAULT_TREE_LEGEND_PARAMS: TreeLegendParams = {
|
12
|
+
position: 'right',
|
13
|
+
justify: 'end',
|
14
|
+
padding: 28,
|
15
|
+
backgroundFill: 'none',
|
16
|
+
backgroundStroke: 'none',
|
17
|
+
gap: 10,
|
18
|
+
listRectWidth: 14,
|
19
|
+
listRectHeight: 14,
|
20
|
+
listRectRadius: 0,
|
21
|
+
textColorType: 'primary'
|
22
|
+
}
|
package/src/tree/index.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export * from './defaults'
|
2
|
-
export * from './types'
|
3
|
-
export { TreeLegend } from './plugins/TreeLegend'
|
1
|
+
export * from './defaults'
|
2
|
+
export * from './types'
|
3
|
+
export { TreeLegend } from './plugins/TreeLegend'
|
4
4
|
export { TreeMap } from './plugins/TreeMap'
|
@@ -1,59 +1,59 @@
|
|
1
|
-
import * as d3 from 'd3'
|
2
|
-
import {
|
3
|
-
combineLatest,
|
4
|
-
map,
|
5
|
-
switchMap,
|
6
|
-
takeUntil,
|
7
|
-
Observable,
|
8
|
-
Subject } from 'rxjs'
|
9
|
-
import {
|
10
|
-
defineTreePlugin } from '@orbcharts/core'
|
11
|
-
import { DEFAULT_TREE_LEGEND_PARAMS } from '../defaults'
|
12
|
-
import { createBaseLegend } from '../../base/BaseLegend'
|
13
|
-
|
14
|
-
const pluginName = 'TreeLegend'
|
15
|
-
|
16
|
-
export const TreeLegend = defineTreePlugin(pluginName, DEFAULT_TREE_LEGEND_PARAMS)(({ selection, rootSelection, observer, subject }) => {
|
17
|
-
|
18
|
-
const destroy$ = new Subject()
|
19
|
-
|
20
|
-
const categoryLabels$: Observable<string[]> = observer.CategoryDataMap$.pipe(
|
21
|
-
takeUntil(destroy$),
|
22
|
-
map(data => {
|
23
|
-
return Array.from(data.keys())
|
24
|
-
})
|
25
|
-
)
|
26
|
-
|
27
|
-
// 全部列點矩型使用相同樣式參數
|
28
|
-
const fullParams$ = observer.fullParams$.pipe(
|
29
|
-
takeUntil(destroy$),
|
30
|
-
map(d => {
|
31
|
-
const seriesList = [
|
32
|
-
{
|
33
|
-
listRectWidth: d.listRectWidth,
|
34
|
-
listRectHeight: d.listRectHeight,
|
35
|
-
listRectRadius: d.listRectRadius,
|
36
|
-
}
|
37
|
-
]
|
38
|
-
return {
|
39
|
-
...d,
|
40
|
-
seriesList
|
41
|
-
}
|
42
|
-
})
|
43
|
-
)
|
44
|
-
|
45
|
-
const unsubscribeBaseLegend = createBaseLegend(pluginName, {
|
46
|
-
rootSelection,
|
47
|
-
seriesLabels$: categoryLabels$,
|
48
|
-
fullParams$,
|
49
|
-
layout$: observer.layout$,
|
50
|
-
fullChartParams$: observer.fullChartParams$,
|
51
|
-
textSizePx$: observer.textSizePx$
|
52
|
-
})
|
53
|
-
|
54
|
-
return () => {
|
55
|
-
destroy$.next(undefined)
|
56
|
-
unsubscribeBaseLegend()
|
57
|
-
}
|
58
|
-
})
|
59
|
-
|
1
|
+
import * as d3 from 'd3'
|
2
|
+
import {
|
3
|
+
combineLatest,
|
4
|
+
map,
|
5
|
+
switchMap,
|
6
|
+
takeUntil,
|
7
|
+
Observable,
|
8
|
+
Subject } from 'rxjs'
|
9
|
+
import {
|
10
|
+
defineTreePlugin } from '@orbcharts/core'
|
11
|
+
import { DEFAULT_TREE_LEGEND_PARAMS } from '../defaults'
|
12
|
+
import { createBaseLegend } from '../../base/BaseLegend'
|
13
|
+
|
14
|
+
const pluginName = 'TreeLegend'
|
15
|
+
|
16
|
+
export const TreeLegend = defineTreePlugin(pluginName, DEFAULT_TREE_LEGEND_PARAMS)(({ selection, rootSelection, observer, subject }) => {
|
17
|
+
|
18
|
+
const destroy$ = new Subject()
|
19
|
+
|
20
|
+
const categoryLabels$: Observable<string[]> = observer.CategoryDataMap$.pipe(
|
21
|
+
takeUntil(destroy$),
|
22
|
+
map(data => {
|
23
|
+
return Array.from(data.keys())
|
24
|
+
})
|
25
|
+
)
|
26
|
+
|
27
|
+
// 全部列點矩型使用相同樣式參數
|
28
|
+
const fullParams$ = observer.fullParams$.pipe(
|
29
|
+
takeUntil(destroy$),
|
30
|
+
map(d => {
|
31
|
+
const seriesList = [
|
32
|
+
{
|
33
|
+
listRectWidth: d.listRectWidth,
|
34
|
+
listRectHeight: d.listRectHeight,
|
35
|
+
listRectRadius: d.listRectRadius,
|
36
|
+
}
|
37
|
+
]
|
38
|
+
return {
|
39
|
+
...d,
|
40
|
+
seriesList
|
41
|
+
}
|
42
|
+
})
|
43
|
+
)
|
44
|
+
|
45
|
+
const unsubscribeBaseLegend = createBaseLegend(pluginName, {
|
46
|
+
rootSelection,
|
47
|
+
seriesLabels$: categoryLabels$,
|
48
|
+
fullParams$,
|
49
|
+
layout$: observer.layout$,
|
50
|
+
fullChartParams$: observer.fullChartParams$,
|
51
|
+
textSizePx$: observer.textSizePx$
|
52
|
+
})
|
53
|
+
|
54
|
+
return () => {
|
55
|
+
destroy$.next(undefined)
|
56
|
+
unsubscribeBaseLegend()
|
57
|
+
}
|
58
|
+
})
|
59
|
+
|