@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2
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/README.md +7 -26
- package/action-menu/index.js +15 -15
- package/action-menu/vue.js +17 -22
- package/action-sheet/index.js +53 -68
- package/action-sheet/vue.js +28 -54
- package/alert/index.js +10 -21
- package/alert/vue.js +19 -33
- package/amount/index.js +205 -308
- package/amount/vue.js +113 -187
- package/anchor/index.js +102 -173
- package/anchor/vue.js +26 -47
- package/area/index.js +93 -153
- package/area/vue.js +26 -62
- package/autocomplete/index.js +115 -157
- package/autocomplete/vue.js +84 -159
- package/autonavi-map/index.js +12 -22
- package/avatar/index.js +28 -31
- package/avatar/vue.js +16 -19
- package/badge/index.js +11 -15
- package/badge/vue.js +19 -27
- package/baidu-map/index.js +12 -22
- package/breadcrumb/index.js +8 -7
- package/breadcrumb/vue.js +15 -22
- package/breadcrumb-item/index.js +14 -26
- package/breadcrumb-item/vue.js +20 -28
- package/bulletin-board/index.js +19 -22
- package/bulletin-board/vue.js +26 -33
- package/button/index.js +14 -18
- package/button/vue.js +26 -38
- package/button-group/index.js +19 -24
- package/button-group/vue.js +32 -45
- package/calendar/index.js +168 -203
- package/calendar/vue.js +89 -100
- package/card-template/index.js +29 -37
- package/card-template/vue.js +18 -30
- package/carousel/index.js +125 -198
- package/carousel/vue.js +132 -188
- package/carousel-item/index.js +55 -80
- package/carousel-item/vue.js +42 -42
- package/cascader/index.js +329 -460
- package/cascader/vue.js +159 -319
- package/cascader-menu/index.js +32 -39
- package/cascader-menu/vue.js +21 -30
- package/cascader-node/index.js +41 -60
- package/cascader-node/vue.js +27 -59
- package/cascader-panel/index.js +229 -311
- package/cascader-panel/node.js +118 -190
- package/cascader-panel/store.js +49 -76
- package/cascader-panel/vue.js +125 -197
- package/chart-bar/index.js +129 -439
- package/chart-boxplot/index.js +78 -219
- package/chart-candle/index.js +134 -379
- package/chart-core/deps/constants.js +70 -49
- package/chart-core/deps/numerify.js +106 -147
- package/chart-core/deps/utils.js +118 -121
- package/chart-core/index.js +302 -469
- package/chart-core/modules/animation.js +7 -5
- package/chart-core/modules/extend.js +18 -19
- package/chart-core/modules/mark.js +7 -3
- package/chart-core/vue.js +81 -120
- package/chart-funnel/index.js +47 -126
- package/chart-gauge/index.js +54 -128
- package/chart-graph/index.js +22 -35
- package/chart-heatmap/index.js +116 -362
- package/chart-line/index.js +98 -289
- package/chart-liquidfill/index.js +35 -100
- package/chart-map/index.js +64 -217
- package/chart-pie/index.js +93 -274
- package/chart-radar/index.js +59 -135
- package/chart-sankey/index.js +51 -137
- package/chart-scatter/index.js +118 -313
- package/chart-sunburst/index.js +25 -33
- package/chart-tree/index.js +43 -85
- package/chart-waterfall/index.js +77 -210
- package/chart-wordcloud/index.js +36 -85
- package/checkbox/index.js +82 -133
- package/checkbox/vue.js +62 -132
- package/checkbox-button/index.js +60 -96
- package/checkbox-button/vue.js +53 -135
- package/checkbox-group/index.js +6 -11
- package/checkbox-group/vue.js +22 -27
- package/chunk-PKUHTIDK.js +37 -0
- package/col/index.js +89 -119
- package/col/vue.js +21 -31
- package/collapse/index.js +31 -40
- package/collapse/vue.js +24 -32
- package/collapse-item/index.js +22 -36
- package/collapse-item/vue.js +22 -42
- package/common/array.js +51 -56
- package/common/bigInt.js +187 -243
- package/common/browser.js +35 -31
- package/common/dataset/index.js +74 -110
- package/common/date.js +199 -201
- package/common/decimal.js +94 -142
- package/common/deps/ResizeObserver.js +188 -208
- package/common/deps/after-leave.js +12 -10
- package/common/deps/clickoutside.js +32 -36
- package/common/deps/date-util.js +139 -166
- package/common/deps/date.js +206 -241
- package/common/deps/debounce.js +8 -4
- package/common/deps/dom.js +75 -68
- package/common/deps/eSpaceCtrl.js +170 -153
- package/common/deps/fullscreen/apis.js +51 -65
- package/common/deps/fullscreen/screenfull.js +61 -45
- package/common/deps/letter-only.js +12 -8
- package/common/deps/memorize.js +100 -125
- package/common/deps/modal-queue.js +6 -2
- package/common/deps/number-only.js +13 -9
- package/common/deps/popper.js +280 -372
- package/common/deps/popup-manager.js +71 -75
- package/common/deps/repeat-click.js +14 -10
- package/common/deps/requestAnimationFrame.js +13 -13
- package/common/deps/resize-event.js +15 -10
- package/common/deps/scroll-into-view.js +13 -13
- package/common/deps/scrollbar-width.js +22 -18
- package/common/deps/throttle.js +15 -11
- package/common/deps/touch.js +24 -22
- package/common/deps/tree-model/node.js +374 -524
- package/common/deps/tree-model/tree-store.js +251 -352
- package/common/deps/tree-model/util.js +10 -4
- package/common/deps/upload-ajax.js +28 -24
- package/common/deps/vue-emitter.js +15 -11
- package/common/deps/vue-popper.js +181 -214
- package/common/deps/vue-popup.js +118 -168
- package/common/event.js +10 -9
- package/common/index.js +180 -194
- package/common/object.js +92 -91
- package/common/runtime.js +78 -51
- package/common/string.js +194 -266
- package/common/type.js +49 -51
- package/common/validate/index.js +8 -4
- package/common/validate/messages.js +64 -67
- package/common/validate/rules/enum.js +10 -6
- package/common/validate/rules/index.js +18 -14
- package/common/validate/rules/pattern.js +9 -5
- package/common/validate/rules/range.js +26 -39
- package/common/validate/rules/required.js +8 -10
- package/common/validate/rules/type.js +67 -79
- package/common/validate/rules/whitespace.js +8 -4
- package/common/validate/schema.js +159 -199
- package/common/validate/util.js +95 -82
- package/common/validate/validations/array.js +14 -17
- package/common/validate/validations/date.js +16 -20
- package/common/validate/validations/enum.js +14 -16
- package/common/validate/validations/float.js +13 -15
- package/common/validate/validations/index.js +28 -24
- package/common/validate/validations/integer.js +13 -15
- package/common/validate/validations/method.js +13 -15
- package/common/validate/validations/number.js +15 -17
- package/common/validate/validations/pattern.js +14 -16
- package/common/validate/validations/required.js +10 -14
- package/common/validate/validations/string.js +19 -15
- package/common/validate/validations/type.js +17 -13
- package/common/xss.js +202 -184
- package/company/index.js +34 -49
- package/company/vue.js +23 -29
- package/container/index.js +72 -98
- package/container/vue.js +36 -61
- package/country/index.js +33 -47
- package/country/vue.js +24 -29
- package/credit-card/index.js +72 -86
- package/credit-card/vue.js +49 -104
- package/credit-card-form/index.js +97 -129
- package/credit-card-form/vue.js +102 -133
- package/crop/index.js +175 -294
- package/crop/vue.js +132 -144
- package/currency/index.js +49 -67
- package/currency/vue.js +25 -34
- package/date-panel/index.js +384 -524
- package/date-panel/vue.js +178 -289
- package/date-picker/index.js +198 -260
- package/date-picker/vue.js +97 -155
- package/date-range/index.js +324 -435
- package/date-range/vue.js +154 -273
- package/date-table/index.js +279 -391
- package/date-table/vue.js +63 -139
- package/dept/index.js +196 -291
- package/dept/vue.js +74 -144
- package/detail-page/index.js +72 -131
- package/detail-page/vue.js +53 -128
- package/dialog-box/index.js +178 -248
- package/dialog-box/vue.js +111 -201
- package/drop-roles/index.js +44 -65
- package/drop-roles/vue.js +23 -31
- package/drop-times/index.js +21 -22
- package/drop-times/vue.js +19 -23
- package/dropdown/index.js +182 -253
- package/dropdown/vue.js +55 -101
- package/dropdown-item/index.js +113 -167
- package/dropdown-item/vue.js +73 -121
- package/dropdown-menu/index.js +85 -111
- package/dropdown-menu/vue.js +23 -36
- package/espace/index.js +86 -106
- package/espace/vue.js +26 -48
- package/exception/index.js +9 -12
- package/exception/vue.js +15 -22
- package/fall-menu/index.js +81 -110
- package/fall-menu/vue.js +32 -78
- package/file-upload/index.js +1081 -1713
- package/file-upload/vue.js +175 -417
- package/floatbar/index.js +8 -5
- package/floatbar/vue.js +13 -16
- package/form/index.js +124 -165
- package/form/vue.js +54 -66
- package/form-item/index.js +255 -328
- package/form-item/vue.js +97 -198
- package/fullscreen/index.js +95 -127
- package/fullscreen/vue.js +36 -72
- package/grid/core/index.js +7 -3
- package/grid/core/interceptor.js +28 -20
- package/grid/core/storeMap.js +11 -7
- package/grid/plugins/export.js +72 -95
- package/grid/plugins/exportExcel.js +244 -561
- package/grid/plugins/header.js +22 -21
- package/grid/plugins/resize.js +45 -62
- package/grid/static/array/arrayEach.js +7 -3
- package/grid/static/array/arrayIndexOf.js +7 -3
- package/grid/static/array/eachTree.js +17 -21
- package/grid/static/array/every.js +6 -2
- package/grid/static/array/filterTree.js +17 -12
- package/grid/static/array/find.js +7 -3
- package/grid/static/array/findTree.js +19 -30
- package/grid/static/array/helperCreateIterateHandle.js +31 -39
- package/grid/static/array/helperCreateTreeFunc.js +18 -16
- package/grid/static/array/includes.js +6 -4
- package/grid/static/array/lastArrayEach.js +7 -3
- package/grid/static/array/map.js +11 -10
- package/grid/static/array/mapTree.js +19 -23
- package/grid/static/array/slice.js +7 -3
- package/grid/static/array/sortBy.js +32 -34
- package/grid/static/array/sum.js +14 -13
- package/grid/static/array/toArray.js +6 -6
- package/grid/static/array/toTreeArray.js +13 -15
- package/grid/static/base/clear.js +18 -14
- package/grid/static/base/clone.js +11 -17
- package/grid/static/base/destructuring.js +14 -10
- package/grid/static/base/each.js +8 -4
- package/grid/static/base/eqNull.js +7 -5
- package/grid/static/base/findIndexOf.js +8 -4
- package/grid/static/base/get.js +21 -17
- package/grid/static/base/has.js +21 -20
- package/grid/static/base/hasOwnProp.js +5 -3
- package/grid/static/base/helperCreateGetObjects.js +13 -9
- package/grid/static/base/helperCreateInInObjectString.js +8 -4
- package/grid/static/base/helperCreateInTypeof.js +8 -5
- package/grid/static/base/helperCreateIndexOf.js +19 -18
- package/grid/static/base/helperCreateiterateIndexOf.js +20 -19
- package/grid/static/base/helperDefaultCompare.js +5 -1
- package/grid/static/base/helperDeleteProperty.js +7 -3
- package/grid/static/base/helperEqualCompare.js +27 -29
- package/grid/static/base/helperGetHGSKeys.js +5 -3
- package/grid/static/base/indexOf.js +7 -3
- package/grid/static/base/isArray.js +7 -3
- package/grid/static/base/isBoolean.js +5 -3
- package/grid/static/base/isDate.js +7 -3
- package/grid/static/base/isEmpty.js +7 -3
- package/grid/static/base/isEqual.js +10 -10
- package/grid/static/base/isFunction.js +5 -3
- package/grid/static/base/isNaN.js +6 -4
- package/grid/static/base/isNull.js +5 -3
- package/grid/static/base/isNumber.js +5 -3
- package/grid/static/base/isObject.js +5 -4
- package/grid/static/base/isPlainObject.js +6 -2
- package/grid/static/base/isRegExp.js +7 -3
- package/grid/static/base/isSet.js +6 -4
- package/grid/static/base/isString.js +5 -3
- package/grid/static/base/isUndefined.js +5 -3
- package/grid/static/base/keys.js +7 -3
- package/grid/static/base/lastEach.js +8 -4
- package/grid/static/base/remove.js +20 -20
- package/grid/static/base/set.js +22 -18
- package/grid/static/base/toJSONString.js +5 -3
- package/grid/static/base/toStringJSON.js +10 -5
- package/grid/static/base/uniqueId.js +6 -4
- package/grid/static/browse/browse.js +25 -22
- package/grid/static/function/property.js +6 -6
- package/grid/static/function/throttle.js +18 -14
- package/grid/static/index.js +111 -55
- package/grid/static/number/helperCreateToNumber.js +12 -10
- package/grid/static/number/toNumber.js +7 -3
- package/grid/static/object/assign.js +20 -20
- package/grid/static/object/extend.js +7 -3
- package/grid/static/object/lastObjectEach.js +9 -5
- package/grid/static/object/objectEach.js +8 -4
- package/grid/static/object/objectMap.js +11 -7
- package/grid/static/object/values.js +15 -7
- package/grid/static/static/staticDocument.js +7 -4
- package/grid/static/static/staticHGKeyRE.js +6 -2
- package/grid/static/static/staticParseInt.js +6 -2
- package/grid/static/static/staticStrUndefined.js +6 -2
- package/grid/static/static/staticWindow.js +7 -4
- package/grid/static/string/template.js +10 -8
- package/grid/static/string/toString.js +12 -8
- package/grid/utils/column.js +11 -14
- package/grid/utils/common.js +84 -102
- package/grid/utils/dom.js +104 -117
- package/grid/utils/event.js +23 -28
- package/grid/utils/index.js +8 -5
- package/hrapprover/index.js +80 -105
- package/hrapprover/vue.js +45 -90
- package/image/index.js +107 -175
- package/image/vue.js +56 -126
- package/image-viewer/index.js +328 -416
- package/image-viewer/vue.js +131 -206
- package/index-bar/index.js +42 -51
- package/index-bar/vue.js +53 -74
- package/index-bar-anchor/vue.js +14 -18
- package/input/index.js +232 -302
- package/input/vue.js +181 -284
- package/ip-address/index.js +168 -335
- package/ip-address/vue.js +95 -160
- package/layout/vue.js +7 -4
- package/link/index.js +9 -10
- package/link/vue.js +15 -23
- package/link-menu/index.js +86 -128
- package/link-menu/vue.js +55 -118
- package/list/index.js +12 -12
- package/list/vue.js +15 -15
- package/loading/index.js +22 -21
- package/loading/vue.js +15 -18
- package/locales/index.js +72 -104
- package/locales/vue.js +23 -41
- package/logon-user/index.js +14 -19
- package/logon-user/vue.js +17 -20
- package/logout/index.js +58 -96
- package/logout/vue.js +15 -19
- package/milestone/index.js +53 -76
- package/milestone/vue.js +28 -26
- package/mini-picker/index.js +155 -219
- package/mini-picker/vue.js +98 -118
- package/modal/index.js +386 -735
- package/modal/vue.js +81 -117
- package/month-range/index.js +108 -143
- package/month-range/vue.js +57 -85
- package/month-table/index.js +157 -202
- package/month-table/vue.js +42 -64
- package/multi-select/index.js +150 -214
- package/multi-select/vue.js +58 -102
- package/nav-menu/index.js +276 -410
- package/nav-menu/vue.js +110 -174
- package/notify/index.js +59 -81
- package/notify/vue.js +42 -57
- package/numeric/index.js +231 -363
- package/numeric/vue.js +78 -202
- package/option/index.js +44 -72
- package/option/vue.js +66 -179
- package/option-group/index.js +12 -17
- package/option-group/vue.js +25 -30
- package/package.json +32 -84
- package/pager-item/index.js +91 -103
- package/pager-item/vue.js +36 -48
- package/panel/index.js +22 -28
- package/panel/vue.js +17 -23
- package/picker/index.js +689 -963
- package/picker/timezone.js +1174 -974
- package/picker/vue.js +187 -389
- package/picker-column/index.js +182 -232
- package/picker-column/vue.js +71 -130
- package/pop-upload/index.js +162 -321
- package/pop-upload/vue.js +143 -273
- package/popeditor/index.js +528 -807
- package/popeditor/vue.js +165 -334
- package/popover/index.js +160 -219
- package/popover/vue.js +76 -162
- package/popup/index.js +90 -128
- package/popup/vue.js +39 -112
- package/progress/index.js +108 -171
- package/progress/vue.js +65 -115
- package/pull-refresh/index.js +118 -132
- package/pull-refresh/vue.js +38 -66
- package/radio/index.js +41 -77
- package/radio/vue.js +35 -92
- package/radio-button/index.js +35 -54
- package/radio-button/vue.js +28 -61
- package/radio-group/index.js +46 -48
- package/radio-group/vue.js +26 -30
- package/rate/index.js +158 -197
- package/rate/vue.js +90 -138
- package/roles/index.js +48 -77
- package/roles/vue.js +20 -32
- package/row/index.js +15 -16
- package/row/vue.js +20 -19
- package/scroll-text/index.js +17 -22
- package/scroll-text/vue.js +18 -27
- package/scrollbar/index.js +87 -115
- package/scrollbar/vue-bar.js +23 -46
- package/scrollbar/vue.js +25 -33
- package/search/index.js +67 -95
- package/search/vue.js +80 -100
- package/select/index.js +1094 -1584
- package/select/vue.js +342 -672
- package/select-dropdown/index.js +18 -23
- package/select-dropdown/vue.js +56 -112
- package/slide-bar/index.js +58 -85
- package/slide-bar/vue.js +21 -47
- package/slider/index.js +276 -373
- package/slider/vue.js +94 -144
- package/split/index.js +74 -123
- package/split/vue.js +63 -116
- package/steps/vue.js +8 -3
- package/switch/index.js +35 -43
- package/switch/vue.js +32 -58
- package/tab-bar/index.js +48 -46
- package/tab-bar/vue.js +14 -12
- package/tab-dropdown/index.js +11 -10
- package/tab-dropdown/vue.js +14 -11
- package/tab-item/index.js +20 -35
- package/tab-item/vue.js +22 -42
- package/tab-nav/index.js +194 -227
- package/tab-nav/vue.js +62 -83
- package/tabbar/index.js +23 -30
- package/tabbar/vue.js +22 -45
- package/tabbar-item/index.js +39 -51
- package/tabbar-item/vue.js +23 -48
- package/table/index.js +69 -103
- package/table/vue.js +37 -61
- package/tabs/index.js +125 -174
- package/tabs/vue.js +98 -143
- package/tag/index.js +13 -18
- package/tag/vue.js +11 -16
- package/tall-storage/index.js +87 -106
- package/tall-storage/vue-storage-box.js +14 -20
- package/tall-storage/vue.js +27 -35
- package/text-popup/index.js +48 -70
- package/text-popup/vue.js +27 -60
- package/time/index.js +71 -113
- package/time/vue.js +65 -108
- package/time-line/index.js +30 -56
- package/time-line/vue.js +23 -46
- package/time-panel/index.js +112 -175
- package/time-panel/scrollIntoView.js +12 -10
- package/time-panel/vue.js +64 -94
- package/time-range/index.js +123 -184
- package/time-range/vue.js +63 -115
- package/time-spinner/index.js +139 -179
- package/time-spinner/vue.js +72 -110
- package/toggle-menu/index.js +68 -98
- package/toggle-menu/vue.js +64 -54
- package/tooltip/index.js +127 -168
- package/tooltip/vue.js +81 -134
- package/top-box/index.js +46 -79
- package/top-box/vue.js +34 -62
- package/transfer/index.js +184 -263
- package/transfer/vue.js +65 -134
- package/transfer-panel/index.js +240 -329
- package/transfer-panel/vue.js +127 -232
- package/tree/index.js +422 -591
- package/tree/vue.js +163 -249
- package/tree-menu/index.js +97 -122
- package/tree-menu/vue.js +57 -39
- package/tree-node/index.js +180 -248
- package/tree-node/vue.js +107 -202
- package/upload/index.js +201 -276
- package/upload/vue.js +51 -82
- package/upload-dragger/index.js +38 -49
- package/upload-dragger/vue.js +16 -24
- package/upload-list/index.js +41 -50
- package/upload-list/vue.js +21 -27
- package/user/index.js +356 -510
- package/user/vue.js +50 -97
- package/user-account/index.js +16 -21
- package/user-account/vue.js +20 -23
- package/user-contact/index.js +11 -10
- package/user-contact/vue.js +15 -15
- package/user-head/index.js +69 -84
- package/user-head/vue.js +24 -45
- package/user-link/index.js +31 -41
- package/user-link/vue.js +23 -46
- package/wheel/index.js +136 -161
- package/wheel/vue.js +64 -95
- package/wizard/index.js +83 -102
- package/wizard/vue.js +19 -34
- package/year-table/index.js +31 -37
- package/year-table/vue.js +17 -21
- package/rich-text/clipboard.js +0 -77
- package/rich-text/index.js +0 -176
- package/rich-text/module/file-upload.js +0 -118
- package/rich-text/module/image-drop.js +0 -54
- package/rich-text/module/image-upload.js +0 -84
- package/rich-text/options.js +0 -187
- package/rich-text/table-module.js +0 -557
- package/rich-text/vue.js +0 -149
package/chart-pie/index.js
CHANGED
|
@@ -1,327 +1,146 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { getFormated, setArrayValue, cloneDeep } from
|
|
5
|
-
import { itemPoint, itemLabel, itemContent } from
|
|
6
|
-
import { isNull } from
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
limitShowNum = _ref.limitShowNum,
|
|
14
|
-
t = _ref.t;
|
|
15
|
-
var firstSerie = series[0];
|
|
1
|
+
import {
|
|
2
|
+
__spreadValues
|
|
3
|
+
} from "../chunk-PKUHTIDK.js";
|
|
4
|
+
import { getFormated, setArrayValue, cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
|
|
5
|
+
import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
|
|
6
|
+
import { isNull } from "@opentiny/vue-renderless/common/type";
|
|
7
|
+
const pieRadius = 100;
|
|
8
|
+
const ringRadius = [90, 100];
|
|
9
|
+
const roseRingRadius = [20, 100];
|
|
10
|
+
const pieOffsetY = "50%";
|
|
11
|
+
const modifySeries = ({ series, limitShowNum, t }) => {
|
|
12
|
+
let firstSerie = series[0];
|
|
16
13
|
if (limitShowNum && limitShowNum < firstSerie.data.length) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
remainArr.forEach(
|
|
21
|
-
return sum += item.value;
|
|
22
|
-
});
|
|
14
|
+
let firstSerieData = firstSerie.data;
|
|
15
|
+
let remainArr = firstSerieData.slice(limitShowNum, firstSerieData.length);
|
|
16
|
+
let sum = 0;
|
|
17
|
+
remainArr.forEach((item) => sum += item.value);
|
|
23
18
|
firstSerie.data = firstSerieData.slice(0, limitShowNum);
|
|
24
|
-
firstSerie.data.push({
|
|
25
|
-
name: t('ui.chart.other'),
|
|
26
|
-
value: sum
|
|
27
|
-
});
|
|
19
|
+
firstSerie.data.push({ name: t("ui.chart.other"), value: sum });
|
|
28
20
|
}
|
|
29
21
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
emphasis = args.emphasis,
|
|
35
|
-
innerRows = args.innerRows,
|
|
36
|
-
isRing = args.isRing,
|
|
37
|
-
itemStyle = args.itemStyle,
|
|
38
|
-
label = args.label,
|
|
39
|
-
labelLine = args.labelLine;
|
|
40
|
-
var level = args.level,
|
|
41
|
-
limitShowNum = args.limitShowNum,
|
|
42
|
-
metrics = args.metrics,
|
|
43
|
-
offsetY = args.offsetY,
|
|
44
|
-
percentShow = args.percentShow,
|
|
45
|
-
radius = args.radius,
|
|
46
|
-
roseType = args.roseType,
|
|
47
|
-
selectedMode = args.selectedMode,
|
|
48
|
-
t = args.t;
|
|
49
|
-
var _ref2 = {},
|
|
50
|
-
_ref2$series = _ref2.series,
|
|
51
|
-
series = _ref2$series === void 0 ? [] : _ref2$series,
|
|
52
|
-
_ref2$levelTemp = _ref2.levelTemp,
|
|
53
|
-
levelTemp = _ref2$levelTemp === void 0 ? {} : _ref2$levelTemp,
|
|
54
|
-
_ref2$rowsTemp = _ref2.rowsTemp,
|
|
55
|
-
rowsTemp = _ref2$rowsTemp === void 0 ? [] : _ref2$rowsTemp;
|
|
22
|
+
const getPieSeries = (args) => {
|
|
23
|
+
const { dataType, digit, dimension, emphasis, innerRows, isRing, itemStyle, label, labelLine } = args;
|
|
24
|
+
const { level, limitShowNum, metrics, offsetY, percentShow, radius, roseType, selectedMode, t } = args;
|
|
25
|
+
let { series = [], levelTemp = {}, rowsTemp = [] } = {};
|
|
56
26
|
if (!level) {
|
|
57
27
|
rowsTemp.push(innerRows);
|
|
58
28
|
} else {
|
|
59
|
-
level.forEach(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
innerRows.forEach(function (row) {
|
|
65
|
-
var itemLevel = levelTemp[row[dimension]];
|
|
29
|
+
level.forEach((levelItems, index) => levelItems.forEach((item) => setArrayValue(levelTemp, item, index)));
|
|
30
|
+
innerRows.forEach((row) => {
|
|
31
|
+
let itemLevel = levelTemp[row[dimension]];
|
|
66
32
|
if (itemLevel && itemLevel.length) {
|
|
67
|
-
itemLevel.forEach(
|
|
68
|
-
return setArrayValue(rowsTemp, levelItem, row);
|
|
69
|
-
});
|
|
33
|
+
itemLevel.forEach((levelItem) => setArrayValue(rowsTemp, levelItem, row));
|
|
70
34
|
}
|
|
71
35
|
});
|
|
72
36
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
center: ['50%', offsetY]
|
|
79
|
-
};
|
|
80
|
-
var rowsCount = rowsTemp.length;
|
|
81
|
-
var centerWidth = radius / rowsCount;
|
|
82
|
-
rowsTemp.forEach(function (dataRows, index) {
|
|
83
|
-
var serie = _objectSpread({
|
|
84
|
-
data: []
|
|
85
|
-
}, serieBase);
|
|
37
|
+
let serieBase = { type: "pie", selectedMode, emphasis, roseType, center: ["50%", offsetY] };
|
|
38
|
+
let rowsCount = rowsTemp.length;
|
|
39
|
+
let centerWidth = radius / rowsCount;
|
|
40
|
+
rowsTemp.forEach((dataRows, index) => {
|
|
41
|
+
let serie = __spreadValues({ data: [] }, serieBase);
|
|
86
42
|
if (!index) {
|
|
87
43
|
serie.radius = isRing ? radius : centerWidth;
|
|
88
44
|
} else {
|
|
89
|
-
|
|
90
|
-
|
|
45
|
+
let outerWidth = centerWidth + radius / (2 * rowsCount) * (2 * index - 1);
|
|
46
|
+
let innerWidth = outerWidth + radius / (2 * rowsCount);
|
|
91
47
|
serie.radius = [outerWidth, innerWidth];
|
|
92
48
|
}
|
|
93
|
-
rowsCount > 1 && index === 0 && (serie.label = {
|
|
94
|
-
|
|
95
|
-
});
|
|
96
|
-
serie.
|
|
97
|
-
color: '#191919'
|
|
98
|
-
}, label);
|
|
99
|
-
serie.labelLine = _objectSpread({
|
|
100
|
-
smooth: true,
|
|
101
|
-
lineStyle: {
|
|
102
|
-
color: '#bbb'
|
|
103
|
-
}
|
|
104
|
-
}, labelLine);
|
|
105
|
-
serie.itemStyle = _objectSpread({
|
|
106
|
-
borderWidth: 2,
|
|
107
|
-
borderColor: '#fff'
|
|
108
|
-
}, itemStyle);
|
|
49
|
+
rowsCount > 1 && index === 0 && (serie.label = { position: "inner" });
|
|
50
|
+
serie.label = __spreadValues({ color: "#191919" }, label);
|
|
51
|
+
serie.labelLine = __spreadValues({ smooth: true, lineStyle: { color: "#bbb" } }, labelLine);
|
|
52
|
+
serie.itemStyle = __spreadValues({ borderWidth: 2, borderColor: "#fff" }, itemStyle);
|
|
109
53
|
if (percentShow) {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
tplt.push(
|
|
54
|
+
let position = rowsCount > 1 && index === 0 ? "inner" : "outside";
|
|
55
|
+
let formatter = function(item) {
|
|
56
|
+
let tplt = [];
|
|
57
|
+
tplt.push(`${item.name}:`);
|
|
114
58
|
tplt.push(getFormated(item.value, dataType, digit));
|
|
115
|
-
tplt.push(
|
|
116
|
-
return tplt.join(
|
|
117
|
-
};
|
|
118
|
-
serie.label = {
|
|
119
|
-
normal: {
|
|
120
|
-
show: true,
|
|
121
|
-
position: position,
|
|
122
|
-
formatter: formatter
|
|
123
|
-
}
|
|
59
|
+
tplt.push(`(${item.percent}%)`);
|
|
60
|
+
return tplt.join("");
|
|
124
61
|
};
|
|
62
|
+
serie.label = { normal: { show: true, position, formatter } };
|
|
125
63
|
}
|
|
126
|
-
serie.data = dataRows.map(
|
|
127
|
-
return {
|
|
128
|
-
name: row[dimension],
|
|
129
|
-
value: row[metrics]
|
|
130
|
-
};
|
|
131
|
-
});
|
|
64
|
+
serie.data = dataRows.map((row) => ({ name: row[dimension], value: row[metrics] }));
|
|
132
65
|
series.push(serie);
|
|
133
66
|
});
|
|
134
|
-
modifySeries({
|
|
135
|
-
series: series,
|
|
136
|
-
limitShowNum: limitShowNum,
|
|
137
|
-
t: t
|
|
138
|
-
});
|
|
67
|
+
modifySeries({ series, limitShowNum, t });
|
|
139
68
|
return series;
|
|
140
69
|
};
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
legendLimit = args.legendLimit,
|
|
145
|
-
legendName = args.legendName,
|
|
146
|
-
level = args.level,
|
|
147
|
-
limitShowNum = args.limitShowNum,
|
|
148
|
-
t = args.t;
|
|
149
|
-
var _ref3 = {},
|
|
150
|
-
_ref3$legend = _ref3.legend,
|
|
151
|
-
legend = _ref3$legend === void 0 ? [] : _ref3$legend,
|
|
152
|
-
_ref3$levelTemp = _ref3.levelTemp,
|
|
153
|
-
levelTemp = _ref3$levelTemp === void 0 ? [] : _ref3$levelTemp;
|
|
70
|
+
const getPieLegend = (args) => {
|
|
71
|
+
const { dimension, innerRows, legendLimit, legendName, level, limitShowNum, t } = args;
|
|
72
|
+
let { legend = [], levelTemp = [] } = {};
|
|
154
73
|
if (level) {
|
|
155
|
-
level.forEach(
|
|
156
|
-
return levelItem.forEach(function (item) {
|
|
157
|
-
return levelTemp.push(item);
|
|
158
|
-
});
|
|
159
|
-
});
|
|
74
|
+
level.forEach((levelItem) => levelItem.forEach((item) => levelTemp.push(item)));
|
|
160
75
|
legend = levelTemp;
|
|
161
76
|
} else if (limitShowNum && limitShowNum < innerRows.length) {
|
|
162
|
-
for (
|
|
77
|
+
for (let i = limitShowNum - 1; i >= 0; i--) {
|
|
163
78
|
legend.unshift(innerRows[i][dimension]);
|
|
164
79
|
}
|
|
165
|
-
legend.push(t(
|
|
80
|
+
legend.push(t("ui.chart.other"));
|
|
166
81
|
} else {
|
|
167
|
-
legend = innerRows.map(
|
|
168
|
-
return row[dimension];
|
|
169
|
-
});
|
|
82
|
+
legend = innerRows.map((row) => row[dimension]);
|
|
170
83
|
}
|
|
171
84
|
if (legend.length) {
|
|
172
|
-
|
|
173
|
-
|
|
85
|
+
let show = legend.length < legendLimit;
|
|
86
|
+
let formatter = function(name) {
|
|
174
87
|
return !isNull(legendName[name]) ? legendName[name] : name;
|
|
175
88
|
};
|
|
176
|
-
return {
|
|
177
|
-
data: legend,
|
|
178
|
-
show: show,
|
|
179
|
-
formatter: formatter
|
|
180
|
-
};
|
|
89
|
+
return { data: legend, show, formatter };
|
|
181
90
|
} else {
|
|
182
91
|
return false;
|
|
183
92
|
}
|
|
184
93
|
};
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
innerRows = args.innerRows,
|
|
190
|
-
limitShowNum = args.limitShowNum,
|
|
191
|
-
metrics = args.metrics,
|
|
192
|
-
t = args.t;
|
|
193
|
-
var _ref4 = {},
|
|
194
|
-
_ref4$localeOther = _ref4.localeOther,
|
|
195
|
-
localeOther = _ref4$localeOther === void 0 ? t('ui.chart.other') : _ref4$localeOther,
|
|
196
|
-
remainArr = _ref4.remainArr,
|
|
197
|
-
_ref4$sum = _ref4.sum,
|
|
198
|
-
sum = _ref4$sum === void 0 ? 0 : _ref4$sum;
|
|
199
|
-
var mapHandler = function mapHandler(row) {
|
|
94
|
+
const getPieTooltip = (args) => {
|
|
95
|
+
const { dataType, digit, dimension, innerRows, limitShowNum, metrics, t } = args;
|
|
96
|
+
let { localeOther = t("ui.chart.other"), remainArr, sum = 0 } = {};
|
|
97
|
+
let mapHandler = (row) => {
|
|
200
98
|
sum += row[metrics];
|
|
201
|
-
return {
|
|
202
|
-
name: row[dimension],
|
|
203
|
-
value: row[metrics]
|
|
204
|
-
};
|
|
99
|
+
return { name: row[dimension], value: row[metrics] };
|
|
205
100
|
};
|
|
206
101
|
remainArr = innerRows.map(mapHandler).slice(limitShowNum, innerRows.length);
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
102
|
+
let formatter = function(item) {
|
|
103
|
+
let tplt = [itemPoint(item.color)];
|
|
104
|
+
let percent;
|
|
210
105
|
if (!limitShowNum || item.name !== localeOther) {
|
|
211
106
|
tplt.push(itemLabel(item.name));
|
|
212
107
|
tplt.push(itemContent(getFormated(item.value, dataType, digit)));
|
|
213
|
-
tplt.push(itemContent(
|
|
108
|
+
tplt.push(itemContent(`(${item.percent}%)`));
|
|
214
109
|
} else {
|
|
215
|
-
tplt.push(localeOther +
|
|
216
|
-
remainArr.forEach(
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
percent = getFormated(value / sum, 'percent');
|
|
220
|
-
tplt.push("<br>".concat(itemLabel(name)));
|
|
110
|
+
tplt.push(localeOther + ":");
|
|
111
|
+
remainArr.forEach(({ name, value }) => {
|
|
112
|
+
percent = getFormated(value / sum, "percent");
|
|
113
|
+
tplt.push(`<br>${itemLabel(name)}`);
|
|
221
114
|
tplt.push(itemContent(getFormated(value, dataType, digit)));
|
|
222
115
|
tplt.push(itemContent(percent));
|
|
223
116
|
});
|
|
224
117
|
}
|
|
225
|
-
return tplt.join(
|
|
226
|
-
};
|
|
227
|
-
return {
|
|
228
|
-
formatter: formatter
|
|
118
|
+
return tplt.join("");
|
|
229
119
|
};
|
|
120
|
+
return { formatter };
|
|
230
121
|
};
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
_settings$legendName = settings.legendName,
|
|
250
|
-
legendName = _settings$legendName === void 0 ? {} : _settings$legendName,
|
|
251
|
-
_settings$level = settings.level,
|
|
252
|
-
level = _settings$level === void 0 ? false : _settings$level;
|
|
253
|
-
var _settings$limitShowNu = settings.limitShowNum,
|
|
254
|
-
limitShowNum = _settings$limitShowNu === void 0 ? 0 : _settings$limitShowNu,
|
|
255
|
-
_settings$metrics = settings.metrics,
|
|
256
|
-
metrics = _settings$metrics === void 0 ? columns[1] : _settings$metrics,
|
|
257
|
-
_settings$offsetY = settings.offsetY,
|
|
258
|
-
offsetY = _settings$offsetY === void 0 ? pieOffsetY : _settings$offsetY,
|
|
259
|
-
percentShow = settings.percentShow;
|
|
260
|
-
var _settings$roseType = settings.roseType,
|
|
261
|
-
roseType = _settings$roseType === void 0 ? false : _settings$roseType,
|
|
262
|
-
_settings$selectedMod = settings.selectedMode,
|
|
263
|
-
selectedMode = _settings$selectedMod === void 0 ? false : _settings$selectedMod;
|
|
264
|
-
var _settings$radius = settings.radius,
|
|
265
|
-
radius = _settings$radius === void 0 ? isRing ? roseType ? roseRingRadius : ringRadius : pieRadius : _settings$radius;
|
|
266
|
-
var legendVisible = extra.legendVisible,
|
|
267
|
-
t = extra.t,
|
|
268
|
-
tooltipVisible = extra.tooltipVisible;
|
|
269
|
-
limitShowNum && innerRows.sort(function (a, b) {
|
|
270
|
-
return b[metrics] - a[metrics];
|
|
271
|
-
});
|
|
272
|
-
var seriesParams = {
|
|
273
|
-
dataType: dataType,
|
|
274
|
-
digit: digit,
|
|
275
|
-
dimension: dimension,
|
|
276
|
-
emphasis: emphasis,
|
|
277
|
-
innerRows: innerRows,
|
|
278
|
-
isRing: isRing,
|
|
279
|
-
itemStyle: itemStyle
|
|
280
|
-
};
|
|
281
|
-
Object.assign(seriesParams, {
|
|
282
|
-
label: label,
|
|
283
|
-
labelLine: labelLine,
|
|
284
|
-
legendName: legendName,
|
|
285
|
-
level: level,
|
|
286
|
-
limitShowNum: limitShowNum,
|
|
287
|
-
metrics: metrics,
|
|
288
|
-
offsetY: offsetY
|
|
289
|
-
});
|
|
290
|
-
Object.assign(seriesParams, {
|
|
291
|
-
percentShow: percentShow,
|
|
292
|
-
radius: radius,
|
|
293
|
-
roseType: roseType,
|
|
294
|
-
selectedMode: selectedMode,
|
|
295
|
-
t: t
|
|
296
|
-
});
|
|
297
|
-
var series = getPieSeries(seriesParams);
|
|
298
|
-
var legendParams = {
|
|
299
|
-
dimension: dimension,
|
|
300
|
-
innerRows: innerRows,
|
|
301
|
-
legendLimit: legendLimit,
|
|
302
|
-
legendName: legendName,
|
|
303
|
-
level: level,
|
|
304
|
-
limitShowNum: limitShowNum,
|
|
305
|
-
t: t
|
|
306
|
-
};
|
|
307
|
-
var legend = legendVisible && getPieLegend(legendParams);
|
|
308
|
-
var pieTooltip = getPieTooltip({
|
|
309
|
-
dataType: dataType,
|
|
310
|
-
innerRows: innerRows,
|
|
311
|
-
limitShowNum: limitShowNum,
|
|
312
|
-
digit: digit,
|
|
313
|
-
metrics: metrics,
|
|
314
|
-
dimension: dimension,
|
|
315
|
-
t: t
|
|
316
|
-
});
|
|
317
|
-
var tooltip = tooltipVisible && pieTooltip;
|
|
318
|
-
var options = {
|
|
319
|
-
legend: legend,
|
|
320
|
-
series: series,
|
|
321
|
-
tooltip: tooltip
|
|
322
|
-
};
|
|
122
|
+
const pie = (columns, rows, settings, extra, isRing) => {
|
|
123
|
+
const innerRows = cloneDeep(rows);
|
|
124
|
+
const { dataType = "normal", digit = 2, dimension = columns[0], emphasis = { scale: true } } = settings;
|
|
125
|
+
const { itemStyle, label = false, labelLine, legendLimit = 30, legendName = {}, level = false } = settings;
|
|
126
|
+
const { limitShowNum = 0, metrics = columns[1], offsetY = pieOffsetY, percentShow } = settings;
|
|
127
|
+
const { roseType = false, selectedMode = false } = settings;
|
|
128
|
+
const { radius = isRing ? roseType ? roseRingRadius : ringRadius : pieRadius } = settings;
|
|
129
|
+
const { legendVisible, t, tooltipVisible } = extra;
|
|
130
|
+
limitShowNum && innerRows.sort((a, b) => b[metrics] - a[metrics]);
|
|
131
|
+
const seriesParams = { dataType, digit, dimension, emphasis, innerRows, isRing, itemStyle };
|
|
132
|
+
Object.assign(seriesParams, { label, labelLine, legendName, level, limitShowNum, metrics, offsetY });
|
|
133
|
+
Object.assign(seriesParams, { percentShow, radius, roseType, selectedMode, t });
|
|
134
|
+
const series = getPieSeries(seriesParams);
|
|
135
|
+
const legendParams = { dimension, innerRows, legendLimit, legendName, level, limitShowNum, t };
|
|
136
|
+
const legend = legendVisible && getPieLegend(legendParams);
|
|
137
|
+
const pieTooltip = getPieTooltip({ dataType, innerRows, limitShowNum, digit, metrics, dimension, t });
|
|
138
|
+
const tooltip = tooltipVisible && pieTooltip;
|
|
139
|
+
const options = { legend, series, tooltip };
|
|
323
140
|
return options;
|
|
324
141
|
};
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
142
|
+
const ring = (columns, rows, settings, extra) => pie(columns, rows, settings, extra, true);
|
|
143
|
+
export {
|
|
144
|
+
pie,
|
|
145
|
+
ring
|
|
146
|
+
};
|
package/chart-radar/index.js
CHANGED
|
@@ -1,70 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
});
|
|
1
|
+
import "../chunk-PKUHTIDK.js";
|
|
2
|
+
import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
|
|
3
|
+
import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
|
|
4
|
+
import { isNull } from "@opentiny/vue-renderless/common/type";
|
|
5
|
+
const getRadarLegend = (rows, dimension, legendName) => {
|
|
6
|
+
let legendData = rows.map((row) => row[dimension]);
|
|
8
7
|
function formatter(name) {
|
|
9
8
|
return isNull(legendName[name]) ? name : legendName[name];
|
|
10
9
|
}
|
|
11
|
-
return {
|
|
12
|
-
data: legendData,
|
|
13
|
-
formatter: formatter
|
|
14
|
-
};
|
|
10
|
+
return { data: legendData, formatter };
|
|
15
11
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
typeTemp = _ref$typeTemp === void 0 ? [] : _ref$typeTemp,
|
|
20
|
-
_ref$nameTemp = _ref.nameTemp,
|
|
21
|
-
nameTemp = _ref$nameTemp === void 0 ? [] : _ref$nameTemp;
|
|
22
|
-
radar.indicator.forEach(function (item, i) {
|
|
12
|
+
const getRadarTooltip = (dataType, radar2, digit) => {
|
|
13
|
+
const { typeTemp = [], nameTemp = [] } = {};
|
|
14
|
+
radar2.indicator.forEach((item, i) => {
|
|
23
15
|
typeTemp[i] = dataType[item.name];
|
|
24
16
|
nameTemp[i] = item.name;
|
|
25
17
|
});
|
|
26
18
|
function formatter(item) {
|
|
27
|
-
|
|
19
|
+
const tplt = [];
|
|
28
20
|
tplt.push(itemPoint(item.color));
|
|
29
|
-
tplt.push(
|
|
30
|
-
item.data.value.forEach(
|
|
31
|
-
tplt.push(
|
|
32
|
-
tplt.push(
|
|
21
|
+
tplt.push(`${item.name}<br />`);
|
|
22
|
+
item.data.value.forEach((val, i) => {
|
|
23
|
+
tplt.push(`${itemLabel(nameTemp[i])}`);
|
|
24
|
+
tplt.push(`${itemContent(getFormated(val, typeTemp[i], digit))}<br />`);
|
|
33
25
|
});
|
|
34
|
-
return tplt.join(
|
|
26
|
+
return tplt.join("");
|
|
35
27
|
}
|
|
36
|
-
return {
|
|
37
|
-
formatter: formatter
|
|
38
|
-
};
|
|
28
|
+
return { formatter };
|
|
39
29
|
};
|
|
40
|
-
|
|
41
|
-
|
|
30
|
+
const getRadarSetting = (rows, metrics, labelMap) => {
|
|
31
|
+
const settingBase = {
|
|
42
32
|
indicator: [],
|
|
43
|
-
shape:
|
|
33
|
+
shape: "circle",
|
|
44
34
|
splitNumber: 5,
|
|
45
|
-
name: {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
splitLine: {
|
|
51
|
-
lineStyle: {
|
|
52
|
-
color: 'rgba(25,25,25,0.10)'
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
splitArea: {
|
|
56
|
-
show: false
|
|
57
|
-
},
|
|
58
|
-
axisLine: {
|
|
59
|
-
lineStyle: {
|
|
60
|
-
color: 'rgba(25,25,25,0.10)'
|
|
61
|
-
}
|
|
62
|
-
}
|
|
35
|
+
name: { textStyle: { color: "#191919" } },
|
|
36
|
+
splitLine: { lineStyle: { color: "rgba(25,25,25,0.10)" } },
|
|
37
|
+
splitArea: { show: false },
|
|
38
|
+
axisLine: { lineStyle: { color: "rgba(25,25,25,0.10)" } }
|
|
63
39
|
};
|
|
64
|
-
|
|
65
|
-
rows.forEach(
|
|
66
|
-
metrics.forEach(
|
|
67
|
-
|
|
40
|
+
let indicatorTemp = {};
|
|
41
|
+
rows.forEach((items) => {
|
|
42
|
+
metrics.forEach((item) => {
|
|
43
|
+
const key = isNull(labelMap[item]) ? item : labelMap[item];
|
|
68
44
|
if (indicatorTemp[key]) {
|
|
69
45
|
indicatorTemp[key].push(items[item]);
|
|
70
46
|
} else {
|
|
@@ -72,110 +48,58 @@ var getRadarSetting = function getRadarSetting(rows, metrics, labelMap) {
|
|
|
72
48
|
}
|
|
73
49
|
});
|
|
74
50
|
});
|
|
75
|
-
settingBase.indicator = Object.keys(indicatorTemp).map(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
};
|
|
80
|
-
});
|
|
51
|
+
settingBase.indicator = Object.keys(indicatorTemp).map((key) => ({
|
|
52
|
+
name: key,
|
|
53
|
+
max: Math.max.apply(null, indicatorTemp[key])
|
|
54
|
+
}));
|
|
81
55
|
return settingBase;
|
|
82
56
|
};
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
lineStyle = args.lineStyle,
|
|
90
|
-
metrics = args.metrics,
|
|
91
|
-
radar = args.radar,
|
|
92
|
-
rows = args.rows;
|
|
93
|
-
var radarIndexObj = {};
|
|
94
|
-
radar.indicator.forEach(function (item, i) {
|
|
95
|
-
return radarIndexObj[item.name] = i;
|
|
96
|
-
});
|
|
97
|
-
var seriesData = rows.map(function (row) {
|
|
98
|
-
var serieData = {
|
|
57
|
+
const getRadarSeries = (args) => {
|
|
58
|
+
const { areaStyle, dimension, itemStyle, label, labelMap, lineStyle, metrics, radar: radar2, rows } = args;
|
|
59
|
+
let radarIndexObj = {};
|
|
60
|
+
radar2.indicator.forEach((item, i) => radarIndexObj[item.name] = i);
|
|
61
|
+
const seriesData = rows.map((row) => {
|
|
62
|
+
const serieData = {
|
|
99
63
|
value: [],
|
|
100
64
|
name: row[dimension],
|
|
101
|
-
symbol:
|
|
65
|
+
symbol: "circle",
|
|
102
66
|
symbolSize: 8,
|
|
103
67
|
showSymbol: false,
|
|
104
|
-
emphasis: {
|
|
105
|
-
itemStyle: {
|
|
106
|
-
borderColor: '#fff',
|
|
107
|
-
borderWidth: 2
|
|
108
|
-
}
|
|
109
|
-
}
|
|
68
|
+
emphasis: { itemStyle: { borderColor: "#fff", borderWidth: 2 } }
|
|
110
69
|
};
|
|
111
|
-
Object.keys(row).forEach(
|
|
70
|
+
Object.keys(row).forEach((key) => {
|
|
112
71
|
if (~metrics.indexOf(key)) {
|
|
113
|
-
|
|
72
|
+
let k = isNull(labelMap[key]) ? radarIndexObj[key] : radarIndexObj[labelMap[key]];
|
|
114
73
|
serieData.value[k] = row[key];
|
|
115
74
|
}
|
|
116
75
|
});
|
|
117
76
|
return serieData;
|
|
118
77
|
});
|
|
119
|
-
|
|
120
|
-
data: seriesData,
|
|
121
|
-
name: dimension,
|
|
122
|
-
type: 'radar',
|
|
123
|
-
areaStyle: {
|
|
124
|
-
normal: {
|
|
125
|
-
opacity: 0.3
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
};
|
|
78
|
+
const result = { data: seriesData, name: dimension, type: "radar", areaStyle: { normal: { opacity: 0.3 } } };
|
|
129
79
|
label && (result.label = label);
|
|
130
80
|
itemStyle && (result.itemStyle = itemStyle);
|
|
131
81
|
lineStyle && (result.lineStyle = lineStyle);
|
|
132
82
|
areaStyle && (result.areaStyle = areaStyle);
|
|
133
83
|
return [result];
|
|
134
84
|
};
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
_settings$labelMap = settings.labelMap,
|
|
141
|
-
labelMap = _settings$labelMap === void 0 ? {} : _settings$labelMap,
|
|
142
|
-
_settings$dimension = settings.dimension,
|
|
143
|
-
dimension = _settings$dimension === void 0 ? columns[0] : _settings$dimension;
|
|
144
|
-
var _settings$digit = settings.digit,
|
|
145
|
-
digit = _settings$digit === void 0 ? 2 : _settings$digit,
|
|
146
|
-
label = settings.label,
|
|
147
|
-
itemStyle = settings.itemStyle,
|
|
148
|
-
lineStyle = settings.lineStyle,
|
|
149
|
-
areaStyle = settings.areaStyle;
|
|
150
|
-
var tooltipVisible = extra.tooltipVisible,
|
|
151
|
-
legendVisible = extra.legendVisible;
|
|
152
|
-
var metrics = columns.slice();
|
|
85
|
+
const radar = (columns, rows, settings, extra) => {
|
|
86
|
+
const { dataType = {}, legendName = {}, labelMap = {}, dimension = columns[0] } = settings;
|
|
87
|
+
const { digit = 2, label, itemStyle, lineStyle, areaStyle } = settings;
|
|
88
|
+
const { tooltipVisible, legendVisible } = extra;
|
|
89
|
+
let metrics = columns.slice();
|
|
153
90
|
if (!settings.metrics) {
|
|
154
91
|
metrics.splice(columns.indexOf(dimension), 1);
|
|
155
92
|
} else {
|
|
156
93
|
metrics = settings.metrics;
|
|
157
94
|
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
itemStyle: itemStyle,
|
|
170
|
-
lineStyle: lineStyle,
|
|
171
|
-
labelMap: labelMap,
|
|
172
|
-
areaStyle: areaStyle
|
|
173
|
-
});
|
|
174
|
-
var series = getRadarSeries(serieParams);
|
|
175
|
-
return {
|
|
176
|
-
legend: legend,
|
|
177
|
-
radar: radar,
|
|
178
|
-
series: series,
|
|
179
|
-
tooltip: tooltip
|
|
180
|
-
};
|
|
181
|
-
};
|
|
95
|
+
const legend = legendVisible && getRadarLegend(rows, dimension, legendName);
|
|
96
|
+
const radar2 = getRadarSetting(rows, metrics, labelMap);
|
|
97
|
+
const tooltip = tooltipVisible && getRadarTooltip(dataType, radar2, digit);
|
|
98
|
+
const serieParams = { rows, dimension, metrics, radar: radar2 };
|
|
99
|
+
Object.assign(serieParams, { label, itemStyle, lineStyle, labelMap, areaStyle });
|
|
100
|
+
const series = getRadarSeries(serieParams);
|
|
101
|
+
return { legend, radar: radar2, series, tooltip };
|
|
102
|
+
};
|
|
103
|
+
export {
|
|
104
|
+
radar
|
|
105
|
+
};
|