@visactor/vchart-extension 1.13.21-alpha.9 → 1.13.21
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/package.json +4 -4
- package/build/index.js +0 -14446
- package/build/index.min.js +0 -15
- package/cjs/charts/compare-sankey/compare-sankey-sub-data.d.ts +0 -21
- package/cjs/charts/compare-sankey/compare-sankey-sub-data.js +0 -118
- package/cjs/charts/compare-sankey/compare-sankey-sub-data.js.map +0 -1
- package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.d.ts +0 -2
- package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.js +0 -21
- package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.js.map +0 -1
- package/cjs/charts/compare-sankey/compare-sankey-transformer.d.ts +0 -7
- package/cjs/charts/compare-sankey/compare-sankey-transformer.js +0 -25
- package/cjs/charts/compare-sankey/compare-sankey-transformer.js.map +0 -1
- package/cjs/charts/compare-sankey/compare-sankey.d.ts +0 -40
- package/cjs/charts/compare-sankey/compare-sankey.js +0 -190
- package/cjs/charts/compare-sankey/compare-sankey.js.map +0 -1
- package/cjs/charts/compare-sankey/index.d.ts +0 -2
- package/cjs/charts/compare-sankey/index.js +0 -21
- package/cjs/charts/compare-sankey/index.js.map +0 -1
- package/cjs/charts/compare-sankey/interface.d.ts +0 -24
- package/cjs/charts/compare-sankey/interface.js +0 -6
- package/cjs/charts/compare-sankey/interface.js.map +0 -1
- package/cjs/charts/conversion-funnel/arrow-data-transform.d.ts +0 -24
- package/cjs/charts/conversion-funnel/arrow-data-transform.js +0 -99
- package/cjs/charts/conversion-funnel/arrow-data-transform.js.map +0 -1
- package/cjs/charts/conversion-funnel/conversion-funnel-transformer.d.ts +0 -7
- package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +0 -195
- package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js.map +0 -1
- package/cjs/charts/conversion-funnel/conversion-funnel.d.ts +0 -40
- package/cjs/charts/conversion-funnel/conversion-funnel.js +0 -78
- package/cjs/charts/conversion-funnel/conversion-funnel.js.map +0 -1
- package/cjs/charts/conversion-funnel/index.d.ts +0 -2
- package/cjs/charts/conversion-funnel/index.js +0 -21
- package/cjs/charts/conversion-funnel/index.js.map +0 -1
- package/cjs/charts/conversion-funnel/interface.d.ts +0 -35
- package/cjs/charts/conversion-funnel/interface.js +0 -6
- package/cjs/charts/conversion-funnel/interface.js.map +0 -1
- package/cjs/charts/conversion-funnel/util.d.ts +0 -3
- package/cjs/charts/conversion-funnel/util.js +0 -17
- package/cjs/charts/conversion-funnel/util.js.map +0 -1
- package/cjs/charts/ranking-bar/interface.d.ts +0 -45
- package/cjs/charts/ranking-bar/interface.js +0 -6
- package/cjs/charts/ranking-bar/interface.js.map +0 -1
- package/cjs/charts/ranking-bar/ranking-bar-transformer.d.ts +0 -10
- package/cjs/charts/ranking-bar/ranking-bar-transformer.js +0 -291
- package/cjs/charts/ranking-bar/ranking-bar-transformer.js.map +0 -1
- package/cjs/charts/ranking-bar/ranking-bar.d.ts +0 -16
- package/cjs/charts/ranking-bar/ranking-bar.js +0 -34
- package/cjs/charts/ranking-bar/ranking-bar.js.map +0 -1
- package/cjs/charts/ranking-list/constant.d.ts +0 -2
- package/cjs/charts/ranking-list/constant.js +0 -75
- package/cjs/charts/ranking-list/constant.js.map +0 -1
- package/cjs/charts/ranking-list/interface.d.ts +0 -74
- package/cjs/charts/ranking-list/interface.js +0 -6
- package/cjs/charts/ranking-list/interface.js.map +0 -1
- package/cjs/charts/ranking-list/ranking-list-transformer.d.ts +0 -459
- package/cjs/charts/ranking-list/ranking-list-transformer.js +0 -383
- package/cjs/charts/ranking-list/ranking-list-transformer.js.map +0 -1
- package/cjs/charts/ranking-list/ranking-list.d.ts +0 -16
- package/cjs/charts/ranking-list/ranking-list.js +0 -34
- package/cjs/charts/ranking-list/ranking-list.js.map +0 -1
- package/cjs/charts/ranking-list/utils.d.ts +0 -7
- package/cjs/charts/ranking-list/utils.js +0 -51
- package/cjs/charts/ranking-list/utils.js.map +0 -1
- package/cjs/charts/sequence-scatter-kde/constant.d.ts +0 -3
- package/cjs/charts/sequence-scatter-kde/constant.js +0 -7
- package/cjs/charts/sequence-scatter-kde/constant.js.map +0 -1
- package/cjs/charts/sequence-scatter-kde/interface.d.ts +0 -29
- package/cjs/charts/sequence-scatter-kde/interface.js +0 -6
- package/cjs/charts/sequence-scatter-kde/interface.js.map +0 -1
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.d.ts +0 -6
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js +0 -142
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js.map +0 -1
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.d.ts +0 -16
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.js +0 -34
- package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.js.map +0 -1
- package/cjs/charts/sequence-scatter-kde/utils.d.ts +0 -9
- package/cjs/charts/sequence-scatter-kde/utils.js +0 -42
- package/cjs/charts/sequence-scatter-kde/utils.js.map +0 -1
- package/cjs/charts/sequence-scatter-link/interface.d.ts +0 -59
- package/cjs/charts/sequence-scatter-link/interface.js +0 -6
- package/cjs/charts/sequence-scatter-link/interface.js.map +0 -1
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.d.ts +0 -6
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.js +0 -327
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.js.map +0 -1
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link.d.ts +0 -16
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link.js +0 -34
- package/cjs/charts/sequence-scatter-link/sequence-scatter-link.js.map +0 -1
- package/cjs/charts/sequence-scatter-link/utils.d.ts +0 -9
- package/cjs/charts/sequence-scatter-link/utils.js +0 -108
- package/cjs/charts/sequence-scatter-link/utils.js.map +0 -1
- package/cjs/charts/sequence-scatter-pixel/constant.d.ts +0 -3
- package/cjs/charts/sequence-scatter-pixel/constant.js +0 -7
- package/cjs/charts/sequence-scatter-pixel/constant.js.map +0 -1
- package/cjs/charts/sequence-scatter-pixel/interface.d.ts +0 -29
- package/cjs/charts/sequence-scatter-pixel/interface.js +0 -6
- package/cjs/charts/sequence-scatter-pixel/interface.js.map +0 -1
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.d.ts +0 -4
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +0 -68
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js.map +0 -1
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.d.ts +0 -16
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +0 -34
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.js.map +0 -1
- package/cjs/charts/sequence-scatter-pixel/utils.d.ts +0 -3
- package/cjs/charts/sequence-scatter-pixel/utils.js +0 -54
- package/cjs/charts/sequence-scatter-pixel/utils.js.map +0 -1
- package/cjs/components/bar-link/bar-link.d.ts +0 -7
- package/cjs/components/bar-link/bar-link.js +0 -87
- package/cjs/components/bar-link/bar-link.js.map +0 -1
- package/cjs/components/bar-link/constant.d.ts +0 -1
- package/cjs/components/bar-link/constant.js +0 -6
- package/cjs/components/bar-link/constant.js.map +0 -1
- package/cjs/components/bar-link/index.d.ts +0 -4
- package/cjs/components/bar-link/index.js +0 -49
- package/cjs/components/bar-link/index.js.map +0 -1
- package/cjs/components/bar-link/type.d.ts +0 -27
- package/cjs/components/bar-link/type.js +0 -6
- package/cjs/components/bar-link/type.js.map +0 -1
- package/cjs/components/bar-link/util.d.ts +0 -22
- package/cjs/components/bar-link/util.js +0 -183
- package/cjs/components/bar-link/util.js.map +0 -1
- package/cjs/components/series-break/constant.d.ts +0 -1
- package/cjs/components/series-break/constant.js +0 -6
- package/cjs/components/series-break/constant.js.map +0 -1
- package/cjs/components/series-break/index.d.ts +0 -4
- package/cjs/components/series-break/index.js +0 -49
- package/cjs/components/series-break/index.js.map +0 -1
- package/cjs/components/series-break/series-break.d.ts +0 -7
- package/cjs/components/series-break/series-break.js +0 -118
- package/cjs/components/series-break/series-break.js.map +0 -1
- package/cjs/components/series-break/type.d.ts +0 -14
- package/cjs/components/series-break/type.js +0 -5
- package/cjs/components/series-break/type.js.map +0 -1
- package/cjs/components/series-break/util.d.ts +0 -13
- package/cjs/components/series-break/util.js +0 -248
- package/cjs/components/series-break/util.js.map +0 -1
- package/cjs/components/series-label/constant.d.ts +0 -1
- package/cjs/components/series-label/constant.js +0 -6
- package/cjs/components/series-label/constant.js.map +0 -1
- package/cjs/components/series-label/index.d.ts +0 -3
- package/cjs/components/series-label/index.js +0 -49
- package/cjs/components/series-label/index.js.map +0 -1
- package/cjs/components/series-label/series-label.d.ts +0 -7
- package/cjs/components/series-label/series-label.js +0 -114
- package/cjs/components/series-label/series-label.js.map +0 -1
- package/cjs/components/series-label/type.d.ts +0 -41
- package/cjs/components/series-label/type.js +0 -6
- package/cjs/components/series-label/type.js.map +0 -1
- package/cjs/components/series-label/util.d.ts +0 -33
- package/cjs/components/series-label/util.js +0 -152
- package/cjs/components/series-label/util.js.map +0 -1
- package/cjs/index.d.ts +0 -10
- package/cjs/index.js +0 -25
- package/cjs/index.js.map +0 -1
- package/cjs/type/index.d.ts +0 -1
- package/cjs/type/index.js +0 -21
- package/cjs/type/index.js.map +0 -1
- package/cjs/type/type.d.ts +0 -8
- package/cjs/type/type.js +0 -6
- package/cjs/type/type.js.map +0 -1
- package/cjs/utils/element.d.ts +0 -7
- package/cjs/utils/element.js +0 -21
- package/cjs/utils/element.js.map +0 -1
- package/cjs/utils/mark.d.ts +0 -2
- package/cjs/utils/mark.js +0 -14
- package/cjs/utils/mark.js.map +0 -1
- package/cjs/utils/math.d.ts +0 -1
- package/cjs/utils/math.js +0 -10
- package/cjs/utils/math.js.map +0 -1
- package/esm/charts/compare-sankey/compare-sankey-sub-data.d.ts +0 -21
- package/esm/charts/compare-sankey/compare-sankey-sub-data.js +0 -106
- package/esm/charts/compare-sankey/compare-sankey-sub-data.js.map +0 -1
- package/esm/charts/compare-sankey/compare-sankey-sub-nodes.d.ts +0 -2
- package/esm/charts/compare-sankey/compare-sankey-sub-nodes.js +0 -13
- package/esm/charts/compare-sankey/compare-sankey-sub-nodes.js.map +0 -1
- package/esm/charts/compare-sankey/compare-sankey-transformer.d.ts +0 -7
- package/esm/charts/compare-sankey/compare-sankey-transformer.js +0 -17
- package/esm/charts/compare-sankey/compare-sankey-transformer.js.map +0 -1
- package/esm/charts/compare-sankey/compare-sankey.d.ts +0 -40
- package/esm/charts/compare-sankey/compare-sankey.js +0 -191
- package/esm/charts/compare-sankey/compare-sankey.js.map +0 -1
- package/esm/charts/compare-sankey/index.d.ts +0 -2
- package/esm/charts/compare-sankey/index.js +0 -4
- package/esm/charts/compare-sankey/index.js.map +0 -1
- package/esm/charts/compare-sankey/interface.d.ts +0 -24
- package/esm/charts/compare-sankey/interface.js +0 -2
- package/esm/charts/compare-sankey/interface.js.map +0 -1
- package/esm/charts/conversion-funnel/arrow-data-transform.d.ts +0 -24
- package/esm/charts/conversion-funnel/arrow-data-transform.js +0 -94
- package/esm/charts/conversion-funnel/arrow-data-transform.js.map +0 -1
- package/esm/charts/conversion-funnel/conversion-funnel-transformer.d.ts +0 -7
- package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +0 -191
- package/esm/charts/conversion-funnel/conversion-funnel-transformer.js.map +0 -1
- package/esm/charts/conversion-funnel/conversion-funnel.d.ts +0 -40
- package/esm/charts/conversion-funnel/conversion-funnel.js +0 -81
- package/esm/charts/conversion-funnel/conversion-funnel.js.map +0 -1
- package/esm/charts/conversion-funnel/index.d.ts +0 -2
- package/esm/charts/conversion-funnel/index.js +0 -4
- package/esm/charts/conversion-funnel/index.js.map +0 -1
- package/esm/charts/conversion-funnel/interface.d.ts +0 -35
- package/esm/charts/conversion-funnel/interface.js +0 -2
- package/esm/charts/conversion-funnel/interface.js.map +0 -1
- package/esm/charts/conversion-funnel/util.d.ts +0 -3
- package/esm/charts/conversion-funnel/util.js +0 -10
- package/esm/charts/conversion-funnel/util.js.map +0 -1
- package/esm/charts/ranking-bar/interface.d.ts +0 -45
- package/esm/charts/ranking-bar/interface.js +0 -2
- package/esm/charts/ranking-bar/interface.js.map +0 -1
- package/esm/charts/ranking-bar/ranking-bar-transformer.d.ts +0 -10
- package/esm/charts/ranking-bar/ranking-bar-transformer.js +0 -285
- package/esm/charts/ranking-bar/ranking-bar-transformer.js.map +0 -1
- package/esm/charts/ranking-bar/ranking-bar.d.ts +0 -16
- package/esm/charts/ranking-bar/ranking-bar.js +0 -27
- package/esm/charts/ranking-bar/ranking-bar.js.map +0 -1
- package/esm/charts/ranking-list/constant.d.ts +0 -2
- package/esm/charts/ranking-list/constant.js +0 -69
- package/esm/charts/ranking-list/constant.js.map +0 -1
- package/esm/charts/ranking-list/interface.d.ts +0 -74
- package/esm/charts/ranking-list/interface.js +0 -2
- package/esm/charts/ranking-list/interface.js.map +0 -1
- package/esm/charts/ranking-list/ranking-list-transformer.d.ts +0 -459
- package/esm/charts/ranking-list/ranking-list-transformer.js +0 -383
- package/esm/charts/ranking-list/ranking-list-transformer.js.map +0 -1
- package/esm/charts/ranking-list/ranking-list.d.ts +0 -16
- package/esm/charts/ranking-list/ranking-list.js +0 -27
- package/esm/charts/ranking-list/ranking-list.js.map +0 -1
- package/esm/charts/ranking-list/utils.d.ts +0 -7
- package/esm/charts/ranking-list/utils.js +0 -41
- package/esm/charts/ranking-list/utils.js.map +0 -1
- package/esm/charts/sequence-scatter-kde/constant.d.ts +0 -3
- package/esm/charts/sequence-scatter-kde/constant.js +0 -6
- package/esm/charts/sequence-scatter-kde/constant.js.map +0 -1
- package/esm/charts/sequence-scatter-kde/interface.d.ts +0 -29
- package/esm/charts/sequence-scatter-kde/interface.js +0 -2
- package/esm/charts/sequence-scatter-kde/interface.js.map +0 -1
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.d.ts +0 -6
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js +0 -137
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js.map +0 -1
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.d.ts +0 -16
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.js +0 -28
- package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.js.map +0 -1
- package/esm/charts/sequence-scatter-kde/utils.d.ts +0 -9
- package/esm/charts/sequence-scatter-kde/utils.js +0 -34
- package/esm/charts/sequence-scatter-kde/utils.js.map +0 -1
- package/esm/charts/sequence-scatter-link/interface.d.ts +0 -59
- package/esm/charts/sequence-scatter-link/interface.js +0 -2
- package/esm/charts/sequence-scatter-link/interface.js.map +0 -1
- package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.d.ts +0 -6
- package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js +0 -320
- package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js.map +0 -1
- package/esm/charts/sequence-scatter-link/sequence-scatter-link.d.ts +0 -16
- package/esm/charts/sequence-scatter-link/sequence-scatter-link.js +0 -28
- package/esm/charts/sequence-scatter-link/sequence-scatter-link.js.map +0 -1
- package/esm/charts/sequence-scatter-link/utils.d.ts +0 -9
- package/esm/charts/sequence-scatter-link/utils.js +0 -100
- package/esm/charts/sequence-scatter-link/utils.js.map +0 -1
- package/esm/charts/sequence-scatter-pixel/constant.d.ts +0 -3
- package/esm/charts/sequence-scatter-pixel/constant.js +0 -6
- package/esm/charts/sequence-scatter-pixel/constant.js.map +0 -1
- package/esm/charts/sequence-scatter-pixel/interface.d.ts +0 -29
- package/esm/charts/sequence-scatter-pixel/interface.js +0 -2
- package/esm/charts/sequence-scatter-pixel/interface.js.map +0 -1
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.d.ts +0 -4
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +0 -64
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js.map +0 -1
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.d.ts +0 -16
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +0 -28
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.js.map +0 -1
- package/esm/charts/sequence-scatter-pixel/utils.d.ts +0 -3
- package/esm/charts/sequence-scatter-pixel/utils.js +0 -46
- package/esm/charts/sequence-scatter-pixel/utils.js.map +0 -1
- package/esm/components/bar-link/bar-link.d.ts +0 -7
- package/esm/components/bar-link/bar-link.js +0 -85
- package/esm/components/bar-link/bar-link.js.map +0 -1
- package/esm/components/bar-link/constant.d.ts +0 -1
- package/esm/components/bar-link/constant.js +0 -2
- package/esm/components/bar-link/constant.js.map +0 -1
- package/esm/components/bar-link/index.d.ts +0 -4
- package/esm/components/bar-link/index.js +0 -8
- package/esm/components/bar-link/index.js.map +0 -1
- package/esm/components/bar-link/type.d.ts +0 -27
- package/esm/components/bar-link/type.js +0 -2
- package/esm/components/bar-link/type.js.map +0 -1
- package/esm/components/bar-link/util.d.ts +0 -22
- package/esm/components/bar-link/util.js +0 -178
- package/esm/components/bar-link/util.js.map +0 -1
- package/esm/components/series-break/constant.d.ts +0 -1
- package/esm/components/series-break/constant.js +0 -2
- package/esm/components/series-break/constant.js.map +0 -1
- package/esm/components/series-break/index.d.ts +0 -4
- package/esm/components/series-break/index.js +0 -8
- package/esm/components/series-break/index.js.map +0 -1
- package/esm/components/series-break/series-break.d.ts +0 -7
- package/esm/components/series-break/series-break.js +0 -115
- package/esm/components/series-break/series-break.js.map +0 -1
- package/esm/components/series-break/type.d.ts +0 -14
- package/esm/components/series-break/type.js +0 -1
- package/esm/components/series-break/type.js.map +0 -1
- package/esm/components/series-break/util.d.ts +0 -13
- package/esm/components/series-break/util.js +0 -244
- package/esm/components/series-break/util.js.map +0 -1
- package/esm/components/series-label/constant.d.ts +0 -1
- package/esm/components/series-label/constant.js +0 -2
- package/esm/components/series-label/constant.js.map +0 -1
- package/esm/components/series-label/index.d.ts +0 -3
- package/esm/components/series-label/index.js +0 -6
- package/esm/components/series-label/index.js.map +0 -1
- package/esm/components/series-label/series-label.d.ts +0 -7
- package/esm/components/series-label/series-label.js +0 -110
- package/esm/components/series-label/series-label.js.map +0 -1
- package/esm/components/series-label/type.d.ts +0 -41
- package/esm/components/series-label/type.js +0 -2
- package/esm/components/series-label/type.js.map +0 -1
- package/esm/components/series-label/util.d.ts +0 -33
- package/esm/components/series-label/util.js +0 -144
- package/esm/components/series-label/util.js.map +0 -1
- package/esm/index.d.ts +0 -10
- package/esm/index.js +0 -19
- package/esm/index.js.map +0 -1
- package/esm/type/index.d.ts +0 -1
- package/esm/type/index.js +0 -2
- package/esm/type/index.js.map +0 -1
- package/esm/type/type.d.ts +0 -8
- package/esm/type/type.js +0 -2
- package/esm/type/type.js.map +0 -1
- package/esm/utils/element.d.ts +0 -7
- package/esm/utils/element.js +0 -15
- package/esm/utils/element.js.map +0 -1
- package/esm/utils/mark.d.ts +0 -2
- package/esm/utils/mark.js +0 -4
- package/esm/utils/mark.js.map +0 -1
- package/esm/utils/math.d.ts +0 -1
- package/esm/utils/math.js +0 -4
- package/esm/utils/math.js.map +0 -1
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
import { VChart, SankeyChart, SankeySeries, registerDataSetInstanceTransform, STATE_VALUE_ENUM, AttributeLevel, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY } from "@visactor/vchart";
|
|
2
|
-
|
|
3
|
-
import { DataView } from "@visactor/vdataset";
|
|
4
|
-
|
|
5
|
-
import { CompareSankeyChartSpecTransformer } from "./compare-sankey-transformer";
|
|
6
|
-
|
|
7
|
-
import { compareSankeySubNodes } from "./compare-sankey-sub-nodes";
|
|
8
|
-
|
|
9
|
-
import { compareSankeySubData } from "./compare-sankey-sub-data";
|
|
10
|
-
|
|
11
|
-
import { getDatumOfGraphic } from "../../utils/mark";
|
|
12
|
-
|
|
13
|
-
export class CompareSankeyChart extends SankeyChart {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments), this.type = "compareSankey", this.seriesType = CompareSankeySeries.type,
|
|
16
|
-
this.transformerConstructor = CompareSankeyChartSpecTransformer;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
CompareSankeyChart.type = "compareSankey", CompareSankeyChart.transformerConstructor = CompareSankeyChartSpecTransformer;
|
|
21
|
-
|
|
22
|
-
export class CompareSankeySeries extends SankeySeries {
|
|
23
|
-
constructor() {
|
|
24
|
-
super(...arguments), this.type = "compareSankey", this._fillCompareNode = datum => {
|
|
25
|
-
var _a, _b, _c;
|
|
26
|
-
return (null === (_a = this._spec.compareNodeColor) || void 0 === _a ? void 0 : _a[datum.type]) ? this._spec.compareNodeColor[datum.type] : null !== (_c = null === (_b = this._spec.node.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this._fillByNode(datum);
|
|
27
|
-
}, this._fillActiveLink = datum => {
|
|
28
|
-
var _a, _b, _c;
|
|
29
|
-
return (null === (_a = this._spec.compareLinkColor) || void 0 === _a ? void 0 : _a[datum.type]) ? this._spec.compareLinkColor[datum.type] : null !== (_c = null === (_b = this._spec.link.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this._fillByLink(datum);
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
initData() {
|
|
33
|
-
var _a, _b;
|
|
34
|
-
super.initData();
|
|
35
|
-
const {dataSet: dataSet} = this._option, compareSubData = new DataView(dataSet, {
|
|
36
|
-
name: `compare-sankey-sub-data-${this.id}-data`
|
|
37
|
-
});
|
|
38
|
-
compareSubData.parse([ this.getViewData() ], {
|
|
39
|
-
type: "dataview"
|
|
40
|
-
}), this._subData = compareSubData;
|
|
41
|
-
const compareNodeData = new DataView(dataSet, {
|
|
42
|
-
name: `compare-sankey-node-${this.id}-data`
|
|
43
|
-
});
|
|
44
|
-
compareNodeData.parse([ compareSubData ], {
|
|
45
|
-
type: "dataview"
|
|
46
|
-
}), registerDataSetInstanceTransform(this._dataSet, "compareSankeySubData", compareSankeySubData),
|
|
47
|
-
compareSubData.transform({
|
|
48
|
-
type: "compareSankeySubData",
|
|
49
|
-
options: {
|
|
50
|
-
rawData: () => this.getRawData(),
|
|
51
|
-
valueField: this._valueField,
|
|
52
|
-
nodeKey: this._spec.nodeKey,
|
|
53
|
-
subNodeGap: null !== (_a = this._spec.subNodeGap) && void 0 !== _a ? _a : 2,
|
|
54
|
-
subNodeMinSize: null !== (_b = this._spec.subNodeMinSize) && void 0 !== _b ? _b : 0
|
|
55
|
-
}
|
|
56
|
-
}), registerDataSetInstanceTransform(this._dataSet, "compareSankeySubNodes", compareSankeySubNodes),
|
|
57
|
-
compareNodeData.transform({
|
|
58
|
-
type: "compareSankeySubNodes"
|
|
59
|
-
}), this._nodesSeriesData.getDataView().parse([ compareNodeData ], {
|
|
60
|
-
type: "dataview"
|
|
61
|
-
}), this._activeLinkData = new DataView(dataSet, {
|
|
62
|
-
name: `compare-sankey-link-${this.id}-data`
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
initEvent() {
|
|
66
|
-
var _a;
|
|
67
|
-
super.initEvent(), null === (_a = this._activeLinkData) || void 0 === _a || _a.target.addListener("change", this.activeLinkDataUpdate.bind(this));
|
|
68
|
-
}
|
|
69
|
-
initMark() {
|
|
70
|
-
super.initMark();
|
|
71
|
-
const linkMark = this._createMark(Object.assign(Object.assign({}, SankeySeries.mark.link), {
|
|
72
|
-
name: "activeLink"
|
|
73
|
-
}), {
|
|
74
|
-
dataView: this._activeLinkData
|
|
75
|
-
});
|
|
76
|
-
linkMark && (this._activeLinkMark = linkMark);
|
|
77
|
-
}
|
|
78
|
-
compileData() {
|
|
79
|
-
var _a;
|
|
80
|
-
super.compileData(), null === (_a = this._activeLinkMark) || void 0 === _a || _a.compileData();
|
|
81
|
-
}
|
|
82
|
-
_initLinkMarkStyle() {
|
|
83
|
-
super._initLinkMarkStyle(), this._activeLinkMark.setAttribute("direction", this.direction),
|
|
84
|
-
this.setMarkStyle(this._activeLinkMark, {
|
|
85
|
-
x0: datum => datum.x0,
|
|
86
|
-
x1: datum => datum.x1,
|
|
87
|
-
y0: datum => datum.y0,
|
|
88
|
-
y1: datum => datum.y1,
|
|
89
|
-
thickness: datum => datum.thickness
|
|
90
|
-
}, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series), this.setMarkStyle(this._activeLinkMark, {
|
|
91
|
-
fill: this._fillActiveLink
|
|
92
|
-
}, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
|
|
93
|
-
}
|
|
94
|
-
_initNodeMarkStyle() {
|
|
95
|
-
super._initNodeMarkStyle(), this._spec.compareNodeColor && this.setMarkStyle(this._nodeMark, {
|
|
96
|
-
fill: this._fillCompareNode
|
|
97
|
-
}, "normal", AttributeLevel.User_Mark);
|
|
98
|
-
}
|
|
99
|
-
activeLinkDataUpdate() {
|
|
100
|
-
this._activeLinkMark.getData().updateData();
|
|
101
|
-
}
|
|
102
|
-
_handleNodeRelatedClick(element, highlightState, blurState) {
|
|
103
|
-
const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
|
|
104
|
-
if (!allNodeElements || !allNodeElements.length) return;
|
|
105
|
-
const allLinkElements = this._linkMark.getProductElements();
|
|
106
|
-
if (!allLinkElements || !allLinkElements.length) return;
|
|
107
|
-
allLinkElements.forEach((el => {
|
|
108
|
-
el.removeState([ STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS ]);
|
|
109
|
-
})), this._highLightElements(allLinkElements, [], highlightState, blurState);
|
|
110
|
-
const nodeDatums = allNodeElements.map((el => getDatumOfGraphic(el))), pickNodeDatums = nodeDatums.filter((d => d.key === nodeDatum.key)), highlightLinksData = [], highlightNodeKeys = pickNodeDatums.map((d => d.key));
|
|
111
|
-
this._activeTargetLink(nodeDatum, pickNodeDatums, allNodeElements, allLinkElements, highlightNodeKeys, highlightLinksData, highlightState, blurState),
|
|
112
|
-
this._activeSourceLink(nodeDatum, pickNodeDatums, nodeDatums, allNodeElements, highlightNodeKeys, highlightLinksData, highlightState, blurState),
|
|
113
|
-
this._highLightElements(allNodeElements, highlightNodeKeys, highlightState, blurState),
|
|
114
|
-
this._activeLinkData.parseNewData(highlightLinksData), this._needClear = !0;
|
|
115
|
-
}
|
|
116
|
-
_activeTargetLink(nodeDatum, pickNodeDatums, allNodeElements, allLinkElements, highlightNodeKeys, highlightLinksData, highlightState, blurState) {
|
|
117
|
-
this._handleClearEmpty(highlightState, blurState);
|
|
118
|
-
const firstTarget = nodeDatum.sourceNode.targetLinks[0];
|
|
119
|
-
if (!firstTarget) return;
|
|
120
|
-
let percent = 0;
|
|
121
|
-
pickNodeDatums.forEach((n => {
|
|
122
|
-
const link = n.targetLinks.find((l => l.key === firstTarget.key));
|
|
123
|
-
if (link) {
|
|
124
|
-
const p = link.value / firstTarget.value, key = firstTarget.key + "_" + n.type, activeLink = Object.assign(Object.assign({}, firstTarget), {
|
|
125
|
-
y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,
|
|
126
|
-
y1: n.y0 + p * firstTarget.thickness / 2,
|
|
127
|
-
thickness: p * firstTarget.thickness,
|
|
128
|
-
key: key,
|
|
129
|
-
type: n.type,
|
|
130
|
-
[DEFAULT_DATA_INDEX]: highlightLinksData.length,
|
|
131
|
-
[DEFAULT_DATA_KEY]: key
|
|
132
|
-
});
|
|
133
|
-
highlightLinksData.push(activeLink), percent += p;
|
|
134
|
-
}
|
|
135
|
-
})), highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);
|
|
136
|
-
const linkKeys = [];
|
|
137
|
-
for (let i = 0; i < firstTarget.parents.length - 1; i++) linkKeys.push(firstTarget.parents[i] + "-" + firstTarget.parents[i + 1]);
|
|
138
|
-
this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);
|
|
139
|
-
}
|
|
140
|
-
_activeSourceLink(nodeDatum, pickNodeDatums, allNodeDatums, allNodeElements, highlightNodeKeys, highlightLinksData, highlightState, blurState) {
|
|
141
|
-
this._handleClearEmpty(highlightState, blurState);
|
|
142
|
-
const sourceLinks = nodeDatum.sourceNode.sourceLinks;
|
|
143
|
-
if (!(null == sourceLinks ? void 0 : sourceLinks.length)) return;
|
|
144
|
-
const sourceValueTemp = {};
|
|
145
|
-
sourceLinks.forEach((sourceLink => {
|
|
146
|
-
highlightNodeKeys.push(sourceLink.target), pickNodeDatums.forEach(((n, index) => {
|
|
147
|
-
var _a;
|
|
148
|
-
sourceValueTemp[n.type] = null !== (_a = sourceValueTemp[n.type]) && void 0 !== _a ? _a : 0;
|
|
149
|
-
const link = n.sourceLinks.find((l => l.key === sourceLink.key));
|
|
150
|
-
if (link) {
|
|
151
|
-
const p = link.value / n.value, totalSize = n.y1 - n.y0, size = totalSize * p, key = sourceLink.key + "_" + n.type, activeLink = Object.assign(Object.assign({}, sourceLink), {
|
|
152
|
-
y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,
|
|
153
|
-
thickness: size,
|
|
154
|
-
key: key,
|
|
155
|
-
type: n.type,
|
|
156
|
-
[DEFAULT_DATA_INDEX]: highlightLinksData.length,
|
|
157
|
-
[DEFAULT_DATA_KEY]: key
|
|
158
|
-
});
|
|
159
|
-
if (0 === index) activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2; else {
|
|
160
|
-
const targetNode = allNodeDatums.find((_n => _n.key === link.target && _n.type === n.type));
|
|
161
|
-
if (!targetNode) return;
|
|
162
|
-
activeLink.y1 = targetNode.y0 + size / 2;
|
|
163
|
-
}
|
|
164
|
-
highlightLinksData.push(activeLink), sourceValueTemp[n.type] += p;
|
|
165
|
-
}
|
|
166
|
-
}));
|
|
167
|
-
}));
|
|
168
|
-
}
|
|
169
|
-
_handleClearEmpty(highlightState, blurState) {
|
|
170
|
-
super._handleClearEmpty(highlightState, blurState), this._activeLinkData.parseNewData([]);
|
|
171
|
-
const allNodeElements = this._nodeMark.getProductElements();
|
|
172
|
-
!allNodeElements && allNodeElements.length || allNodeElements.forEach((el => {
|
|
173
|
-
el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
|
|
174
|
-
}));
|
|
175
|
-
const allLinkElements = this._linkMark.getProductElements();
|
|
176
|
-
!allLinkElements && allLinkElements.length || allLinkElements.forEach((el => {
|
|
177
|
-
el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
|
|
178
|
-
}));
|
|
179
|
-
}
|
|
180
|
-
getSubNodeDatum(filter) {
|
|
181
|
-
return this._nodeMark.getProductElements().filter((n => filter(n.data[0])));
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
CompareSankeySeries.type = "compareSankey";
|
|
186
|
-
|
|
187
|
-
export const registerCompareSankeyChart = option => {
|
|
188
|
-
const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
|
|
189
|
-
vchartConstructor && (vchartConstructor.useChart([ CompareSankeyChart ]), vchartConstructor.useSeries([ CompareSankeySeries ]));
|
|
190
|
-
};
|
|
191
|
-
//# sourceMappingURL=compare-sankey.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":"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","file":"compare-sankey.js","sourcesContent":["import type { SankeyLinkElement } from '@visactor/vgrammar-sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel,\n DEFAULT_DATA_INDEX,\n DEFAULT_DATA_KEY\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { ILinkPathMark } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport { getDatumOfGraphic } from '../../utils/mark';\n\ntype Datum = any;\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n type = 'compareSankey';\n static type = 'compareSankey';\n readonly seriesType = CompareSankeySeries.type;\n\n declare _spec: ICompareSankeyChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankey';\n static type = 'compareSankey';\n\n protected _arrowData?: DataView;\n\n private _subData: DataView;\n\n private _activeLinkData: DataView;\n private _activeLinkMark: ILinkPathMark;\n\n initData() {\n super.initData();\n // 此时 viewData 已经初始化完成\n // 创建 第二层 viewDataActive\n //\n const { dataSet } = this._option;\n\n const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n compareSubData.parse([this.getViewData()], {\n type: 'dataview'\n });\n this._subData = compareSubData;\n\n const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n compareNodeData.parse([compareSubData], {\n type: 'dataview'\n });\n\n // 注册对比布局函数,计算拆解 nodes 的信息\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n compareSubData.transform({\n type: 'compareSankeySubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: this._spec.subNodeGap ?? 2,\n subNodeMinSize: this._spec.subNodeMinSize ?? 0\n }\n });\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n compareNodeData.transform({\n type: 'compareSankeySubNodes'\n });\n this._nodesSeriesData.getDataView().parse([compareNodeData], {\n type: 'dataview'\n });\n\n // 激活时的linkData\n this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n }\n\n initEvent() {\n super.initEvent();\n this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n }\n\n initMark() {\n super.initMark();\n\n const linkMark = this._createMark(\n { ...SankeySeries.mark.link, name: 'activeLink' },\n {\n dataView: this._activeLinkData\n }\n ) as ILinkPathMark;\n if (linkMark) {\n this._activeLinkMark = linkMark;\n }\n }\n compileData() {\n super.compileData();\n this._activeLinkMark?.compileData();\n }\n\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n // (this._activeLinkMark as any).setGlyphConfig({\n // direction: this.direction\n // });\n this._activeLinkMark.setAttribute('direction', this.direction);\n\n this.setMarkStyle<ILinkPathMarkSpec>(\n this._activeLinkMark,\n {\n x0: (datum: Datum) => datum.x0,\n x1: (datum: Datum) => datum.x1,\n y0: (datum: Datum) => datum.y0,\n y1: (datum: Datum) => datum.y1,\n thickness: (datum: Datum) => datum.thickness\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.Series\n );\n\n this.setMarkStyle(\n this._activeLinkMark,\n {\n fill: this._fillActiveLink\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.User_Mark\n );\n }\n\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if (this._spec.compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n {\n fill: this._fillCompareNode\n },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n private activeLinkDataUpdate() {\n this._activeLinkMark.getData().updateData();\n }\n\n protected _fillCompareNode = (datum: Datum) => {\n if (this._spec.compareNodeColor?.[datum.type]) {\n return this._spec.compareNodeColor[datum.type];\n }\n return this._spec.node.style?.fill ?? this._fillByNode(datum);\n };\n\n protected _fillActiveLink = (datum: Datum) => {\n if (this._spec.compareLinkColor?.[datum.type]) {\n return this._spec.compareLinkColor[datum.type];\n }\n return this._spec.link.style?.fill ?? this._fillByLink(datum);\n };\n\n protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string) {\n const nodeDatum = element.getDatum();\n // 节点\n const allNodeElements = this._nodeMark.getProductElements();\n if (!allNodeElements || !allNodeElements.length) {\n return;\n }\n // 边\n const allLinkElements = this._linkMark.getProductElements();\n if (!allLinkElements || !allLinkElements.length) {\n return;\n }\n\n // 原始 link 全部进入blur状态\n allLinkElements.forEach(el => {\n el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n });\n this._highLightElements(allLinkElements, [], highlightState, blurState);\n\n const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n // 层级型数据\n const highlightLinksData: any[] = [];\n // 高亮节点key\n const highlightNodeKeys: (string | number)[] = pickNodeDatums.map(d => d.key);\n\n // 上游路径始终只选取第一个\n this._activeTargetLink(\n nodeDatum,\n pickNodeDatums,\n allNodeElements,\n allLinkElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._activeSourceLink(\n nodeDatum,\n pickNodeDatums,\n nodeDatums,\n allNodeElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._highLightElements(allNodeElements, highlightNodeKeys as string[], highlightState, blurState);\n this._activeLinkData.parseNewData(highlightLinksData);\n\n this._needClear = true;\n }\n\n private _activeTargetLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeElements: any[],\n allLinkElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 上游路径始终只选取第一个\n const firstTarget = sourceNode.targetLinks[0];\n if (!firstTarget) {\n return;\n }\n let percent = 0;\n pickNodeDatums.forEach(n => {\n const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n if (link) {\n const p = link.value / firstTarget.value;\n const key = firstTarget.key + '_' + n.type;\n const activeLink = {\n ...firstTarget,\n // 起点重新分配\n y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n y1: n.y0 + (p * firstTarget.thickness) / 2,\n thickness: p * firstTarget.thickness,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n highlightLinksData.push(activeLink);\n percent += p;\n }\n });\n\n // 第一个 path 中上流路径上的 node 全部高亮\n highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n const linkKeys: string[] = [];\n // 找到对应的原始 link 也都高亮\n for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n }\n this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);\n }\n\n private _activeSourceLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeDatums: Datum[],\n allNodeElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 下游路径始需要全部处理\n const sourceLinks = sourceNode.sourceLinks;\n if (!sourceLinks?.length) {\n return;\n }\n\n const sourceValueTemp: { [key: string]: number } = {};\n sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n highlightNodeKeys.push(sourceLink.target);\n pickNodeDatums.forEach((n, index) => {\n sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n if (link) {\n const p = link.value / n.value;\n const totalSize = n.y1 - n.y0;\n const size = totalSize * p;\n const key = sourceLink.key + '_' + n.type;\n const activeLink = {\n ...sourceLink,\n // 起点重新分配\n y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n thickness: size,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n // y1 分为第一个和在其他\n if (index === 0) {\n // 与原始link的起点\n activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n } else {\n // 与目标子 node 的 y0 对齐\n const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n if (targetNode) {\n activeLink.y1 = targetNode.y0 + size / 2;\n } else {\n // 错误的情况\n return;\n }\n }\n highlightLinksData.push(activeLink);\n sourceValueTemp[n.type] += p;\n }\n });\n });\n }\n\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n this._activeLinkData.parseNewData([]);\n\n // 同时需要清除 hover\n const allNodeElements = this._nodeMark.getProductElements();\n if (allNodeElements || !allNodeElements.length) {\n allNodeElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n\n // 同时需要清除 hover\n const allLinkElements = this._linkMark.getProductElements();\n if (allLinkElements || !allLinkElements.length) {\n allLinkElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n }\n\n public getSubNodeDatum(filter: (n: Datum) => boolean) {\n return this._nodeMark.getProductElements().filter((n: Datum) => filter(n.data[0]));\n }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyChart]);\n vchartConstructor.useSeries([CompareSankeySeries]);\n }\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/compare-sankey/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './compare-sankey';\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { ISankeyChartSpec, ISankeySeriesSpec, ILinkPathMarkSpec } from '@visactor/vchart';
|
|
2
|
-
export interface ICompareSankeySpec {
|
|
3
|
-
subNodeGap?: number;
|
|
4
|
-
subNodeMinSize?: number;
|
|
5
|
-
compareNodeColor?: {
|
|
6
|
-
[key: string]: string;
|
|
7
|
-
};
|
|
8
|
-
compareLinkColor?: {
|
|
9
|
-
[key: string]: string;
|
|
10
|
-
};
|
|
11
|
-
activeLink?: {
|
|
12
|
-
style: ILinkPathMarkSpec;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
export interface ICompareSankeySeriesSpecBase extends ISankeySeriesSpec, ICompareSankeySpec {
|
|
16
|
-
}
|
|
17
|
-
export interface ICompareSankeyChartSpecBase extends ISankeyChartSpec, ICompareSankeySpec {
|
|
18
|
-
}
|
|
19
|
-
export interface ICompareSankeySeriesSpec extends Omit<ICompareSankeySeriesSpecBase, 'type' | 'series'> {
|
|
20
|
-
type: 'compareSankey';
|
|
21
|
-
}
|
|
22
|
-
export interface ICompareSankeyChartSpec extends Omit<ICompareSankeyChartSpecBase, 'type' | 'series'> {
|
|
23
|
-
type: 'compareSankey';
|
|
24
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/compare-sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISankeyChartSpec, ISankeySeriesSpec, ILinkPathMarkSpec } from '@visactor/vchart';\n\nexport interface ICompareSankeySpec {\n /**\n * 子节点间距\n */\n subNodeGap?: number;\n /**\n * 子节点最小高度\n */\n subNodeMinSize?: number;\n /**\n * 对比节点颜色\n */\n compareNodeColor?: { [key: string]: string };\n /**\n * 对比边点颜色\n */\n compareLinkColor?: { [key: string]: string };\n /**\n * 对比边样式\n */\n activeLink?: {\n style: ILinkPathMarkSpec;\n };\n}\n\nexport interface ICompareSankeySeriesSpecBase extends ISankeySeriesSpec, ICompareSankeySpec {}\n\nexport interface ICompareSankeyChartSpecBase extends ISankeyChartSpec, ICompareSankeySpec {}\n\nexport interface ICompareSankeySeriesSpec extends Omit<ICompareSankeySeriesSpecBase, 'type' | 'series'> {\n type: 'compareSankey';\n}\n\nexport interface ICompareSankeyChartSpec extends Omit<ICompareSankeyChartSpecBase, 'type' | 'series'> {\n type: 'compareSankey';\n}\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { IPointLike } from '@visactor/vutils';
|
|
2
|
-
import type { IConversionFunnelSpec, Arrow } from './interface';
|
|
3
|
-
export interface ParsedArrow extends Arrow {
|
|
4
|
-
position: 'left' | 'right';
|
|
5
|
-
distance: number;
|
|
6
|
-
span: number;
|
|
7
|
-
layout: {
|
|
8
|
-
isLayout: boolean;
|
|
9
|
-
duplicateNode: ParsedArrow | null;
|
|
10
|
-
fromIndex: number;
|
|
11
|
-
toIndex: number;
|
|
12
|
-
fromTotal: number;
|
|
13
|
-
toTotal: number;
|
|
14
|
-
level: number;
|
|
15
|
-
points: IPointLike[];
|
|
16
|
-
};
|
|
17
|
-
context: {
|
|
18
|
-
field: string;
|
|
19
|
-
};
|
|
20
|
-
id: string;
|
|
21
|
-
}
|
|
22
|
-
export declare const conversionArrowTransform: (arrowSpec: IConversionFunnelSpec['conversionArrow'], options: {
|
|
23
|
-
categoryField: string;
|
|
24
|
-
}) => ParsedArrow[];
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { isValid, isValidNumber, maxInArray } from "@visactor/vutils";
|
|
2
|
-
|
|
3
|
-
import { isArrowCross, isSameArrow } from "./util";
|
|
4
|
-
|
|
5
|
-
export const conversionArrowTransform = (arrowSpec, options) => {
|
|
6
|
-
var _a, _b, _c;
|
|
7
|
-
if (!arrowSpec || !(null === (_a = arrowSpec.arrows) || void 0 === _a ? void 0 : _a.length)) return [];
|
|
8
|
-
const {arrows: arrows} = arrowSpec, parsedArrows = parseArrow(arrows, options.categoryField), leftArrows = parsedArrows.filter((arrow => "left" === arrow.position)), rightArrows = parsedArrows.filter((arrow => "right" === arrow.position));
|
|
9
|
-
return [ ...null !== (_b = computeArrows(leftArrows)) && void 0 !== _b ? _b : [], ...null !== (_c = computeArrows(rightArrows)) && void 0 !== _c ? _c : [] ];
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
function parseArrow(arrows, categoryField) {
|
|
13
|
-
return arrows.filter((arrow => isValidNumber(arrow.from * arrow.to))).map(((arrow, index) => {
|
|
14
|
-
const {from: from, to: to, position: position = "right"} = arrow;
|
|
15
|
-
return Object.assign(Object.assign({}, arrow), {
|
|
16
|
-
position: position,
|
|
17
|
-
distance: arrow.distance || 40,
|
|
18
|
-
from: Math.min(from, to),
|
|
19
|
-
to: Math.max(from, to),
|
|
20
|
-
span: Math.abs(from - to),
|
|
21
|
-
isLayout: !1,
|
|
22
|
-
context: {
|
|
23
|
-
field: categoryField
|
|
24
|
-
},
|
|
25
|
-
layout: {
|
|
26
|
-
level: 0
|
|
27
|
-
},
|
|
28
|
-
id: `${from}-${to}-${position}-${index}`
|
|
29
|
-
});
|
|
30
|
-
}));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
function computeArrows(arrows) {
|
|
34
|
-
if (0 === (null == arrows ? void 0 : arrows.length)) return null;
|
|
35
|
-
const nodeDegreeMap = new Map;
|
|
36
|
-
return arrows.forEach((arrow => {
|
|
37
|
-
const fromNodeDegree = nodeDegreeMap.get(arrow.from);
|
|
38
|
-
if (isValid(fromNodeDegree)) {
|
|
39
|
-
const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find((node => isSameArrow(node, arrow)));
|
|
40
|
-
firstNodeWidthSameFromTo ? arrow.layout.duplicateNode = firstNodeWidthSameFromTo : fromNodeDegree.degree += 1,
|
|
41
|
-
fromNodeDegree.fromArrows.push(arrow);
|
|
42
|
-
} else nodeDegreeMap.set(arrow.from, {
|
|
43
|
-
fromArrows: [ arrow ],
|
|
44
|
-
toArrows: [],
|
|
45
|
-
totalArrows: [],
|
|
46
|
-
degree: 1
|
|
47
|
-
});
|
|
48
|
-
const toNodeDegree = nodeDegreeMap.get(arrow.to);
|
|
49
|
-
if (isValid(toNodeDegree)) {
|
|
50
|
-
const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find((node => isSameArrow(node, arrow)));
|
|
51
|
-
firstNodeWidthSameFromTo ? arrow.layout.duplicateNode = firstNodeWidthSameFromTo : toNodeDegree.degree += 1,
|
|
52
|
-
toNodeDegree.toArrows.push(arrow);
|
|
53
|
-
} else nodeDegreeMap.set(arrow.to, {
|
|
54
|
-
toArrows: [ arrow ],
|
|
55
|
-
fromArrows: [],
|
|
56
|
-
totalArrows: [],
|
|
57
|
-
degree: 1
|
|
58
|
-
});
|
|
59
|
-
})), nodeDegreeMap.forEach((node => {
|
|
60
|
-
node.fromArrows.sort(((a, b) => b.span - a.span)), node.toArrows.sort(((a, b) => a.span - b.span)),
|
|
61
|
-
node.totalArrows = [ ...node.toArrows, ...node.fromArrows ];
|
|
62
|
-
})), arrows.sort(((a, b) => a.span - b.span)).forEach((arrow => {
|
|
63
|
-
var _a;
|
|
64
|
-
const arrowsIsLayout = arrows.filter((arrow => arrow.layout.isLayout)), maxLevelArrow = maxInArray(arrowsIsLayout, ((cur, curMax) => cur.layout.level - curMax.layout.level));
|
|
65
|
-
let level = null !== (_a = null == maxLevelArrow ? void 0 : maxLevelArrow.layout.level) && void 0 !== _a ? _a : 0;
|
|
66
|
-
for (;level >= 0; ) {
|
|
67
|
-
if (arrowsIsLayout.some((arr => arr.layout.level === level && isArrowCross(arr, arrow)))) {
|
|
68
|
-
level += 1;
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
--level;
|
|
72
|
-
}
|
|
73
|
-
arrow.layout.level = Math.max(0, level), arrow.layout.fromTotal = nodeDegreeMap.get(arrow.from).degree,
|
|
74
|
-
arrow.layout.toTotal = nodeDegreeMap.get(arrow.to).degree;
|
|
75
|
-
const duplicateNode = arrow.layout.duplicateNode;
|
|
76
|
-
duplicateNode ? (arrow.layout.fromIndex = duplicateNode.layout.fromIndex, arrow.layout.toIndex = duplicateNode.layout.toIndex) : (arrow.layout.fromIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.from).totalArrows),
|
|
77
|
-
arrow.layout.toIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.to).totalArrows)),
|
|
78
|
-
arrow.layout.isLayout = !0;
|
|
79
|
-
})), arrows;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
function computeIndex(arrow, totalArrows) {
|
|
83
|
-
let index = 0, duplicateCount = 0;
|
|
84
|
-
for (let i = 0; i < totalArrows.length; i++) {
|
|
85
|
-
const curArrow = totalArrows[i];
|
|
86
|
-
if (curArrow === arrow) {
|
|
87
|
-
index = i - duplicateCount;
|
|
88
|
-
break;
|
|
89
|
-
}
|
|
90
|
-
curArrow.layout.duplicateNode && duplicateCount++;
|
|
91
|
-
}
|
|
92
|
-
return index;
|
|
93
|
-
}
|
|
94
|
-
//# sourceMappingURL=arrow-data-transform.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/conversion-funnel/arrow-data-transform.ts"],"names":[],"mappings":"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","file":"arrow-data-transform.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IConversionFunnelSpec, Arrow } from './interface';\nimport { isValid, isValidNumber, maxInArray } from '@visactor/vutils';\nimport { isArrowCross, isSameArrow } from './util';\n\nexport interface ParsedArrow extends Arrow {\n position: 'left' | 'right';\n distance: number;\n /** 层级跨度 */\n span: number;\n layout: {\n isLayout: boolean;\n duplicateNode: ParsedArrow | null;\n fromIndex: number;\n toIndex: number;\n fromTotal: number;\n toTotal: number;\n level: number;\n points: IPointLike[];\n };\n context: {\n field: string;\n };\n id: string;\n}\n\nexport const conversionArrowTransform = (\n arrowSpec: IConversionFunnelSpec['conversionArrow'],\n options: {\n categoryField: string;\n }\n) => {\n if (!arrowSpec || !arrowSpec.arrows?.length) {\n return [];\n }\n const { arrows } = arrowSpec;\n\n const parsedArrows = parseArrow(arrows, options.categoryField);\n const leftArrows = parsedArrows.filter(arrow => arrow.position === 'left');\n const rightArrows = parsedArrows.filter(arrow => arrow.position === 'right');\n\n const left = computeArrows(leftArrows) ?? [];\n const right = computeArrows(rightArrows) ?? [];\n return [...left, ...right];\n};\n\nfunction parseArrow(arrows: Arrow[], categoryField: string): ParsedArrow[] {\n return arrows\n .filter(arrow => isValidNumber(arrow.from * arrow.to))\n .map((arrow, index) => {\n const { from, to, position = 'right' } = arrow;\n return {\n ...arrow,\n position,\n distance: arrow.distance || 40,\n from: Math.min(from, to),\n to: Math.max(from, to),\n span: Math.abs(from - to),\n isLayout: false,\n context: {\n field: categoryField\n },\n layout: {\n level: 0\n },\n id: `${from}-${to}-${position}-${index}`\n } as unknown as ParsedArrow;\n });\n}\n\nfunction computeArrows(arrows: ParsedArrow[]) {\n if (arrows?.length === 0) {\n return null;\n }\n\n const nodeDegreeMap = new Map<\n number,\n {\n fromArrows: ParsedArrow[];\n toArrows: ParsedArrow[];\n totalArrows: ParsedArrow[];\n degree: number;\n }\n >();\n\n arrows.forEach(arrow => {\n const fromNodeDegree = nodeDegreeMap.get(arrow.from);\n if (isValid(fromNodeDegree)) {\n const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find(node => isSameArrow(node, arrow));\n if (!firstNodeWidthSameFromTo) {\n fromNodeDegree.degree += 1;\n } else {\n arrow.layout.duplicateNode = firstNodeWidthSameFromTo;\n }\n fromNodeDegree.fromArrows.push(arrow);\n } else {\n nodeDegreeMap.set(arrow.from, {\n fromArrows: [arrow],\n toArrows: [],\n totalArrows: [],\n degree: 1\n });\n }\n\n const toNodeDegree = nodeDegreeMap.get(arrow.to);\n if (isValid(toNodeDegree)) {\n const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find(node => isSameArrow(node, arrow));\n if (!firstNodeWidthSameFromTo) {\n toNodeDegree.degree += 1;\n } else {\n arrow.layout.duplicateNode = firstNodeWidthSameFromTo;\n }\n toNodeDegree.toArrows.push(arrow);\n } else {\n nodeDegreeMap.set(arrow.to, {\n toArrows: [arrow],\n fromArrows: [],\n totalArrows: [],\n degree: 1\n });\n }\n });\n nodeDegreeMap.forEach(node => {\n // 入边,层级跨度越大的越靠下\n node.fromArrows.sort((a, b) => b.span - a.span);\n // 出边,层级跨度越大的越靠上\n node.toArrows.sort((a, b) => a.span - b.span);\n // 入边在上,出边在下\n node.totalArrows = [...node.toArrows, ...node.fromArrows];\n });\n\n arrows\n .sort((a, b) => a.span - b.span)\n .forEach(arrow => {\n const arrowsIsLayout = arrows.filter(arrow => arrow.layout.isLayout);\n // 1. 计算当前箭头所在层级\n const maxLevelArrow = maxInArray(arrowsIsLayout, (cur, curMax) => cur.layout.level - curMax.layout.level);\n\n let level = maxLevelArrow?.layout.level ?? 0;\n while (level >= 0) {\n if (arrowsIsLayout.some(arr => arr.layout.level === level && isArrowCross(arr, arrow))) {\n level += 1;\n break;\n }\n --level;\n }\n arrow.layout.level = Math.max(0, level);\n // 2. 获取当前箭头所在层级的出入度信息\n arrow.layout.fromTotal = nodeDegreeMap.get(arrow.from).degree;\n arrow.layout.toTotal = nodeDegreeMap.get(arrow.to).degree;\n // 3. 计算 from 和 to 的顺序\n const duplicateNode = arrow.layout.duplicateNode;\n if (duplicateNode) {\n arrow.layout.fromIndex = duplicateNode.layout.fromIndex;\n arrow.layout.toIndex = duplicateNode.layout.toIndex;\n } else {\n arrow.layout.fromIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.from).totalArrows);\n arrow.layout.toIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.to).totalArrows);\n }\n arrow.layout.isLayout = true;\n });\n\n return arrows;\n}\n\nfunction computeIndex(arrow: ParsedArrow, totalArrows: ParsedArrow[]) {\n let index = 0;\n let duplicateCount = 0;\n for (let i = 0; i < totalArrows.length; i++) {\n const curArrow = totalArrows[i];\n if (curArrow === arrow) {\n index = i - duplicateCount;\n break;\n }\n if (curArrow.layout.duplicateNode) {\n duplicateCount++;\n }\n }\n return index;\n}\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { IConversionFunnelChartSpecBase } from './interface';
|
|
2
|
-
declare const ConversionFunnelChartSpecTransformer_base: typeof import("@visactor/vchart/esm/chart/funnel").FunnelChartSpecTransformer;
|
|
3
|
-
export declare class ConversionFunnelChartSpecTransformer extends ConversionFunnelChartSpecTransformer_base<IConversionFunnelChartSpecBase> {
|
|
4
|
-
transformSpec(spec: IConversionFunnelChartSpecBase): void;
|
|
5
|
-
_getDefaultSeriesSpec(spec: IConversionFunnelChartSpecBase): import("@visactor/vchart").IFunnelSeriesSpec;
|
|
6
|
-
}
|
|
7
|
-
export {};
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
var __rest = this && this.__rest || function(s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
|
|
4
|
-
if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
|
|
5
|
-
var i = 0;
|
|
6
|
-
for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
import { FunnelChart } from "@visactor/vchart";
|
|
12
|
-
|
|
13
|
-
import { isFunction } from "@visactor/vutils";
|
|
14
|
-
|
|
15
|
-
import { DEFAULT_ARROW_MARK_STYLE, DEFAULT_ARROW_SYMBOL_MARK_STYLE, DEFAULT_ARROW_TEXT_MARK_STYLE, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE } from "./conversion-funnel";
|
|
16
|
-
|
|
17
|
-
export class ConversionFunnelChartSpecTransformer extends FunnelChart.transformerConstructor {
|
|
18
|
-
transformSpec(spec) {
|
|
19
|
-
const {conversionArrow: conversionArrow, extensionMark: extensionMark = [], funnelBackground: funnelBackground} = spec;
|
|
20
|
-
if (conversionArrow && conversionArrow.arrows && conversionArrow.arrows.length) {
|
|
21
|
-
const marks = addArrowMark(conversionArrow);
|
|
22
|
-
marks && marks.length && extensionMark.push(...marks);
|
|
23
|
-
}
|
|
24
|
-
if (funnelBackground && funnelBackground.visible) {
|
|
25
|
-
const mark = addFunnelBackgroundMark(funnelBackground);
|
|
26
|
-
mark && extensionMark.push(mark);
|
|
27
|
-
}
|
|
28
|
-
spec.extensionMark = extensionMark, super.transformSpec(spec);
|
|
29
|
-
}
|
|
30
|
-
_getDefaultSeriesSpec(spec) {
|
|
31
|
-
const seriesSpec = super._getDefaultSeriesSpec(spec);
|
|
32
|
-
return seriesSpec.conversionArrow = spec.conversionArrow, seriesSpec.funnelBackground = spec.funnelBackground,
|
|
33
|
-
seriesSpec;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
function addArrowMark(arrowSpec) {
|
|
38
|
-
const {arrows: arrows} = arrowSpec, style = __rest(arrowSpec, [ "arrows" ]), leftArrows = arrows.filter((arrow => "left" === arrow.position)), rightGroup = computeArrows(arrows.filter((arrow => "right" === arrow.position)), style), leftGroup = computeArrows(leftArrows, style), result = [];
|
|
39
|
-
return rightGroup && (rightGroup.name = "arrowRight", result.push(rightGroup)),
|
|
40
|
-
leftGroup && (leftGroup.name = "arrowLeft", result.push(leftGroup)), result;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function computeArrows(arrows, style) {
|
|
44
|
-
if (0 === (null == arrows ? void 0 : arrows.length)) return null;
|
|
45
|
-
const {line: line, symbol: symbol, text: text, margin: margin} = style, result = [], rootGroup = {
|
|
46
|
-
type: "group",
|
|
47
|
-
children: []
|
|
48
|
-
}, lineMark = generateArrowLineSpec(line, margin);
|
|
49
|
-
lineMark && result.push(lineMark);
|
|
50
|
-
const arrowMark = generateArrowSymbolSpec(symbol, margin);
|
|
51
|
-
arrowMark && result.push(arrowMark);
|
|
52
|
-
const textMark = generateArrowTextSpec(text, margin);
|
|
53
|
-
return textMark && result.push(textMark), rootGroup.children = result, rootGroup;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
function generateArrowLineSpec(line = {}, margin) {
|
|
57
|
-
const {style: style = {}} = line, rest = __rest(line, [ "style" ]), renderable = (arrow, ctx) => {
|
|
58
|
-
var _a, _b;
|
|
59
|
-
const {from: from, to: to} = arrow, {vchart: vchart} = ctx, data = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData;
|
|
60
|
-
return !(to > data.length - 1 || from > data.length - 1);
|
|
61
|
-
};
|
|
62
|
-
return Object.assign(Object.assign({
|
|
63
|
-
type: "polygon",
|
|
64
|
-
interactive: !1
|
|
65
|
-
}, rest), {
|
|
66
|
-
dataKey: arrow => `${arrow.id}`,
|
|
67
|
-
style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_MARK_STYLE), style), {
|
|
68
|
-
renderable: renderable,
|
|
69
|
-
points: (arrow, ctx) => {
|
|
70
|
-
if (!renderable(arrow, ctx)) return [];
|
|
71
|
-
let points = arrow.layout.points;
|
|
72
|
-
return points = prepareArrowPoints(arrow, ctx, margin), points;
|
|
73
|
-
}
|
|
74
|
-
})
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function generateArrowSymbolSpec(symbol = {}, margin) {
|
|
79
|
-
const {style: style = {}} = symbol, rest = __rest(symbol, [ "style" ]);
|
|
80
|
-
return Object.assign(Object.assign({
|
|
81
|
-
type: "symbol",
|
|
82
|
-
interactive: !1,
|
|
83
|
-
dataKey: arrow => `${arrow.id}`
|
|
84
|
-
}, rest), {
|
|
85
|
-
style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_SYMBOL_MARK_STYLE), style), {
|
|
86
|
-
x: (arrow, ctx) => {
|
|
87
|
-
var _a, _b;
|
|
88
|
-
let points = arrow.layout.points;
|
|
89
|
-
return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : NaN;
|
|
90
|
-
},
|
|
91
|
-
y: (arrow, ctx) => {
|
|
92
|
-
var _a, _b;
|
|
93
|
-
let points = arrow.layout.points;
|
|
94
|
-
return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : NaN;
|
|
95
|
-
},
|
|
96
|
-
angle: arrow => "left" === arrow.position ? 90 : -90
|
|
97
|
-
})
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
function generateArrowTextSpec(text = {}, margin) {
|
|
102
|
-
const {style: style = {}, formatMethod: formatMethod, textMargin: textMargin = 4} = text, rest = __rest(text, [ "style", "formatMethod", "textMargin" ]);
|
|
103
|
-
return Object.assign(Object.assign({
|
|
104
|
-
type: "text",
|
|
105
|
-
dataKey: arrow => `${arrow.id}`,
|
|
106
|
-
interactive: !1,
|
|
107
|
-
animation: !1
|
|
108
|
-
}, rest), {
|
|
109
|
-
style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_TEXT_MARK_STYLE), {
|
|
110
|
-
text: (arrow, ctx) => {
|
|
111
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
112
|
-
const {text: textContent} = arrow;
|
|
113
|
-
let displayTextContent = textContent;
|
|
114
|
-
if (isFunction(formatMethod)) {
|
|
115
|
-
const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null !== (_c = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData) && void 0 !== _c ? _c : [], viewData = null !== (_g = null === (_f = null === (_e = null === (_d = null == vchart ? void 0 : vchart.getChart()) || void 0 === _d ? void 0 : _d.getAllSeries()[0]) || void 0 === _e ? void 0 : _e.getViewData()) || void 0 === _f ? void 0 : _f.latestData) && void 0 !== _g ? _g : [], fromData = viewData.find((datum => datum[field] === rawData[from][field])), toData = viewData.find((datum => datum[field] === rawData[to][field]));
|
|
116
|
-
displayTextContent = formatMethod(textContent, {
|
|
117
|
-
arrow: arrow,
|
|
118
|
-
from: fromData,
|
|
119
|
-
to: toData
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
return displayTextContent;
|
|
123
|
-
},
|
|
124
|
-
x: (arrow, ctx) => {
|
|
125
|
-
var _a, _b;
|
|
126
|
-
let points = arrow.layout.points;
|
|
127
|
-
return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = (null === (_a = points[1]) || void 0 === _a ? void 0 : _a.x) + ("left" === arrow.position ? -textMargin : textMargin)) && void 0 !== _b ? _b : NaN;
|
|
128
|
-
},
|
|
129
|
-
y: (arrow, ctx) => {
|
|
130
|
-
var _a, _b, _c;
|
|
131
|
-
let points = arrow.layout.points;
|
|
132
|
-
return points = prepareArrowPoints(arrow, ctx, margin), null !== (_c = ((null === (_a = points[1]) || void 0 === _a ? void 0 : _a.y) + (null === (_b = points[2]) || void 0 === _b ? void 0 : _b.y)) / 2) && void 0 !== _c ? _c : NaN;
|
|
133
|
-
},
|
|
134
|
-
textAlign: arrow => "left" === arrow.position ? "right" : "left",
|
|
135
|
-
textBaseline: "middle"
|
|
136
|
-
}), style)
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
function prepareArrowPoints(arrow, ctx, margin) {
|
|
141
|
-
var _a, _b, _c, _d, _e;
|
|
142
|
-
const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData, viewData = null === (_e = null === (_d = null === (_c = null == vchart ? void 0 : vchart.getChart()) || void 0 === _c ? void 0 : _c.getAllSeries()[0]) || void 0 === _d ? void 0 : _d.getViewData()) || void 0 === _e ? void 0 : _e.latestData;
|
|
143
|
-
let points = [];
|
|
144
|
-
if (rawData && rawData.length) {
|
|
145
|
-
const fromDatum = viewData.find((datum => datum[field] === rawData[from][field])), toDatum = viewData.find((datum => datum[field] === rawData[to][field])), firstDatum = viewData[0];
|
|
146
|
-
if (fromDatum && toDatum && firstDatum) {
|
|
147
|
-
points = computeArrowPoints(arrow, ctx.getPoints(fromDatum), ctx.getPoints(toDatum), ctx.getPoints(firstDatum), margin),
|
|
148
|
-
arrow.layout.points = points;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
return points;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
function computeArrowPoints(arrow, fromPoints, toPoints, firstPoints, margin = 12) {
|
|
155
|
-
const {layout: layout, distance: distance, position: position} = arrow, {level: level, fromIndex: fromIndex, toIndex: toIndex, fromTotal: fromTotal, toTotal: toTotal} = layout, isRight = "right" === position, fromTop = isRight ? fromPoints[1] : fromPoints[0], fromBottom = isRight ? fromPoints[2] : fromPoints[3], fromHeight = Math.abs(fromTop.y - fromBottom.y), toTop = isRight ? toPoints[1] : toPoints[0], toBottom = isRight ? toPoints[2] : toPoints[3], toHeight = Math.abs(toTop.y - toBottom.y), firstTop = isRight ? firstPoints[1] : firstPoints[0], fromOffset = fromHeight / (fromTotal + 1), toOffset = toHeight / (toTotal + 1), fromY = fromTop.y + fromOffset * (fromIndex + 1), toY = toTop.y + toOffset * (toIndex + 1), sign = isRight ? -1 : 1;
|
|
156
|
-
return [ {
|
|
157
|
-
x: fromTop.x - margin * sign,
|
|
158
|
-
y: fromY
|
|
159
|
-
}, {
|
|
160
|
-
x: firstTop.x - (margin + (level + 1) * distance) * sign,
|
|
161
|
-
y: fromY
|
|
162
|
-
}, {
|
|
163
|
-
x: firstTop.x - (margin + (level + 1) * distance) * sign,
|
|
164
|
-
y: toY
|
|
165
|
-
}, {
|
|
166
|
-
x: toTop.x - margin * sign,
|
|
167
|
-
y: toY
|
|
168
|
-
} ];
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
function addFunnelBackgroundMark(funnelBackground) {
|
|
172
|
-
const {style: style = {}} = funnelBackground, rest = __rest(funnelBackground, [ "style" ]);
|
|
173
|
-
return Object.assign(Object.assign({
|
|
174
|
-
type: "rect"
|
|
175
|
-
}, rest), {
|
|
176
|
-
dataIndex: 0,
|
|
177
|
-
zIndex: 0,
|
|
178
|
-
style: Object.assign(Object.assign(Object.assign({}, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE), style), {
|
|
179
|
-
x: 0,
|
|
180
|
-
y: (datum, ctx) => ctx.getPoints(datum)[0].y,
|
|
181
|
-
width: (datum, ctx) => {
|
|
182
|
-
const region = ctx.getRegion(), {width: width} = region.getLayoutRect();
|
|
183
|
-
return width;
|
|
184
|
-
},
|
|
185
|
-
height: (datum, ctx) => {
|
|
186
|
-
const points = ctx.getPoints(datum), tl = points[0];
|
|
187
|
-
return points[3].y - tl.y;
|
|
188
|
-
}
|
|
189
|
-
})
|
|
190
|
-
});
|
|
191
|
-
}
|