sea-chart 2.0.1 → 2.0.2-alpha.3

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.
Files changed (94) hide show
  1. package/dist/components/cell-factory/SimpleCellFormatter.js +1 -1
  2. package/dist/components/cell-factory/link-content.js +4 -4
  3. package/dist/components/color-picker/index.js +1 -1
  4. package/dist/components/color-popover/color-rules/color-rule.js +1 -1
  5. package/dist/components/color-popover/color-rules/index.js +1 -1
  6. package/dist/components/color-popover/color-rules-popover.js +6 -6
  7. package/dist/components/color-popover/color-selector-popover.js +2 -2
  8. package/dist/components/color-setting/color-group-selector.js +1 -1
  9. package/dist/components/common-add-tool/index.js +2 -2
  10. package/dist/components/data-process-setter/hide-column-setter.js +1 -1
  11. package/dist/components/data-process-setter/sort-setter.js +2 -2
  12. package/dist/components/drill-down-settings/drill-down-fields-popover/index.js +4 -4
  13. package/dist/components/icon/index.js +2 -2
  14. package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js +1 -1
  15. package/dist/components/popover/hide-column-popover/hide-column-popover.js +1 -1
  16. package/dist/components/popover/sort-popover/sort-popover.js +1 -1
  17. package/dist/components/row-card/row-card-header-cell.js +2 -2
  18. package/dist/components/row-card/row-card-header.js +1 -1
  19. package/dist/components/row-card/row-card-item.js +2 -2
  20. package/dist/components/row-card/row-card.js +2 -2
  21. package/dist/components/statistic-record-dialog/index.js +1 -1
  22. package/dist/components/types-dialog/index.js +7 -7
  23. package/dist/context.js +2 -2
  24. package/dist/services/map-json.js +4 -4
  25. package/dist/settings/basic-number-card/style-settings.js +1 -1
  26. package/dist/settings/index.js +3 -3
  27. package/dist/settings/map-settings/map-style-settings.js +1 -1
  28. package/dist/settings/stacks-settings/index.js +1 -1
  29. package/dist/settings/style-settings.js +1 -1
  30. package/dist/settings/table-settings/data-settings.js +1 -1
  31. package/dist/settings/trend-settings/style-setting.js +2 -2
  32. package/dist/settings/widgets/chart-type/index.js +3 -3
  33. package/dist/settings/widgets/date-summary-item.js +2 -2
  34. package/dist/settings/widgets/numeric-summary-item.js +2 -2
  35. package/dist/settings/widgets/summary-settings.js +2 -2
  36. package/dist/settings/widgets/switch/index.js +1 -1
  37. package/dist/settings/widgets/y-axis-group-settings.js +1 -1
  38. package/dist/utils/chart-utils/base-utils.js +7 -7
  39. package/dist/utils/chart-utils/original-data-utils/basic-chart-calculator.js +1 -1
  40. package/dist/utils/chart-utils/original-data-utils/compare-bar-chart-calculator.js +2 -2
  41. package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js +1 -1
  42. package/dist/utils/chart-utils/sql-statistics-utils.js +9 -9
  43. package/dist/utils/collaborator-utils.js +1 -1
  44. package/dist/utils/collaborator.js +2 -2
  45. package/dist/utils/column-utils.js +12 -12
  46. package/dist/utils/common-utils.js +1 -1
  47. package/dist/utils/date-translate.js +1 -1
  48. package/dist/utils/object-utils.js +1 -1
  49. package/dist/utils/options-utils.js +2 -2
  50. package/dist/utils/row-record-utils.js +2 -2
  51. package/dist/utils/sql/chart-data-sql.js +58 -58
  52. package/dist/utils/sql/column-2-sql-column.js +18 -18
  53. package/dist/view/index.js +2 -5
  54. package/dist/view/title/index.js +2 -2
  55. package/dist/view/wrapper/bar-group.js +22 -31
  56. package/dist/view/wrapper/bar.js +168 -95
  57. package/dist/view/wrapper/basic-number-card.js +8 -8
  58. package/dist/view/wrapper/chart-component.js +17 -54
  59. package/dist/view/wrapper/index.js +2 -231
  60. package/dist/view/wrapper/table/index.js +1 -1
  61. package/dist/view/wrapper/table/one-dimension-table-with-numeric-columns.js +3 -3
  62. package/dist/view/wrapper/table/pivot-table-display-name.js +1 -1
  63. package/dist/view/wrapper/table/two-dimension-table.js +8 -8
  64. package/dist/view/wrapper/table-element/components/formatter.js +2 -2
  65. package/dist/view/wrapper/table-element/components/formatters/FileFormatter/index.js +1 -1
  66. package/dist/view/wrapper/table-element/components/formatters/link-formatter.js +17 -17
  67. package/dist/view/wrapper/table-element/components/link-formatter.js +17 -17
  68. package/dist/view/wrapper/table-element/components/record.js +3 -3
  69. package/dist/view/wrapper/table-element/components/records.js +4 -4
  70. package/dist/view/wrapper/table-element/components/utils.js +1 -1
  71. package/dist/view/wrapper/trend.js +18 -18
  72. package/package.json +5 -11
  73. package/dist/utils/custom-g2.js +0 -684
  74. package/dist/view/wrapper/area.js +0 -282
  75. package/dist/view/wrapper/bar-custom.js +0 -239
  76. package/dist/view/wrapper/combination.js +0 -728
  77. package/dist/view/wrapper/compare.js +0 -383
  78. package/dist/view/wrapper/completeness.js +0 -174
  79. package/dist/view/wrapper/dashboard.js +0 -179
  80. package/dist/view/wrapper/funnel.js +0 -206
  81. package/dist/view/wrapper/heat-map.js +0 -434
  82. package/dist/view/wrapper/horizontal-bar-group.js +0 -226
  83. package/dist/view/wrapper/horizontal-bar.js +0 -175
  84. package/dist/view/wrapper/horizontal-component.js +0 -89
  85. package/dist/view/wrapper/line-group.js +0 -219
  86. package/dist/view/wrapper/line.js +0 -222
  87. package/dist/view/wrapper/map.js +0 -368
  88. package/dist/view/wrapper/mirror.js +0 -218
  89. package/dist/view/wrapper/pie.js +0 -253
  90. package/dist/view/wrapper/ring.js +0 -328
  91. package/dist/view/wrapper/scatter.js +0 -140
  92. package/dist/view/wrapper/treemap.js +0 -206
  93. package/dist/view/wrapper/world-map.js +0 -413
  94. package/dist/view/wrapper/wrappers-d3/bar.js +0 -262
@@ -1,684 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- var _exportNames = {
9
- Util: true,
10
- getRectWithCornerRadius: true
11
- };
12
- exports.Util = void 0;
13
- Object.defineProperty(exports, "getRectWithCornerRadius", {
14
- enumerable: true,
15
- get: function () {
16
- return _util.getRectWithCornerRadius;
17
- }
18
- });
19
- var CanvasEngine = _interopRequireWildcard(require("@antv/g-canvas/esm/index"));
20
- var _area = _interopRequireDefault(require("@antv/g2/esm/geometry/area"));
21
- var _edge = _interopRequireDefault(require("@antv/g2/esm/geometry/edge"));
22
- var _heatmap = _interopRequireDefault(require("@antv/g2/esm/geometry/heatmap"));
23
- var _interval = _interopRequireDefault(require("@antv/g2/esm/geometry/interval"));
24
- var _line = _interopRequireDefault(require("@antv/g2/esm/geometry/line"));
25
- var _path = _interopRequireDefault(require("@antv/g2/esm/geometry/path"));
26
- var _point = _interopRequireDefault(require("@antv/g2/esm/geometry/point"));
27
- var _polygon = _interopRequireDefault(require("@antv/g2/esm/geometry/polygon"));
28
- var _schema = _interopRequireDefault(require("@antv/g2/esm/geometry/schema"));
29
- require("@antv/g2/esm/geometry/shape/area/line");
30
- require("@antv/g2/esm/geometry/shape/area/smooth");
31
- require("@antv/g2/esm/geometry/shape/area/smooth-line");
32
- require("@antv/g2/esm/geometry/shape/edge/arc");
33
- require("@antv/g2/esm/geometry/shape/edge/smooth");
34
- require("@antv/g2/esm/geometry/shape/edge/vhv");
35
- require("@antv/g2/esm/geometry/shape/interval/funnel");
36
- require("@antv/g2/esm/geometry/shape/interval/hollow-rect");
37
- require("@antv/g2/esm/geometry/shape/interval/line");
38
- require("@antv/g2/esm/geometry/shape/interval/pyramid");
39
- require("@antv/g2/esm/geometry/shape/interval/tick");
40
- require("@antv/g2/esm/geometry/shape/line/step");
41
- require("@antv/g2/esm/geometry/shape/point/hollow");
42
- require("@antv/g2/esm/geometry/shape/point/image");
43
- require("@antv/g2/esm/geometry/shape/point/solid");
44
- require("@antv/g2/esm/geometry/shape/schema/box");
45
- require("@antv/g2/esm/geometry/shape/schema/candle");
46
- var _base = _interopRequireDefault(require("@antv/g2/esm/geometry/label/base"));
47
- var _interval2 = _interopRequireDefault(require("@antv/g2/esm/geometry/label/interval"));
48
- var _pie = _interopRequireDefault(require("@antv/g2/esm/geometry/label/pie"));
49
- var _polar = _interopRequireDefault(require("@antv/g2/esm/geometry/label/polar"));
50
- var _limitInCanvas = require("@antv/g2/esm/geometry/label/layout/limit-in-canvas");
51
- var _limitInShape = require("@antv/g2/esm/geometry/label/layout/limit-in-shape");
52
- var _overlap = require("@antv/g2/esm/geometry/label/layout/overlap");
53
- var _fade = require("@antv/g2/esm/animate/animation/fade");
54
- var _growIn = require("@antv/g2/esm/animate/animation/grow-in");
55
- var _pathIn = require("@antv/g2/esm/animate/animation/path-in");
56
- var _positionUpdate = require("@antv/g2/esm/animate/animation/position-update");
57
- var _scaleIn = require("@antv/g2/esm/animate/animation/scale-in");
58
- var _sectorPathUpdate = require("@antv/g2/esm/animate/animation/sector-path-update");
59
- var _waveIn = require("@antv/g2/esm/animate/animation/wave-in");
60
- var _zoom = require("@antv/g2/esm/animate/animation/zoom");
61
- var _core = require("@antv/g2/esm/core");
62
- Object.keys(_core).forEach(function (key) {
63
- if (key === "default" || key === "__esModule") return;
64
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
65
- if (key in exports && exports[key] === _core[key]) return;
66
- Object.defineProperty(exports, key, {
67
- enumerable: true,
68
- get: function () {
69
- return _core[key];
70
- }
71
- });
72
- });
73
- var _circle = _interopRequireDefault(require("@antv/g2/esm/facet/circle"));
74
- var _list = _interopRequireDefault(require("@antv/g2/esm/facet/list"));
75
- var _matrix = _interopRequireDefault(require("@antv/g2/esm/facet/matrix"));
76
- var _mirror = _interopRequireDefault(require("@antv/g2/esm/facet/mirror"));
77
- var _rect = _interopRequireDefault(require("@antv/g2/esm/facet/rect"));
78
- var _tree = _interopRequireDefault(require("@antv/g2/esm/facet/tree"));
79
- var _annotation = _interopRequireDefault(require("@antv/g2/esm/chart/controller/annotation"));
80
- var _axis = _interopRequireDefault(require("@antv/g2/esm/chart/controller/axis"));
81
- var _legend = _interopRequireDefault(require("@antv/g2/esm/chart/controller/legend"));
82
- var _slider = _interopRequireDefault(require("@antv/g2/esm/chart/controller/slider"));
83
- var _tooltip = _interopRequireDefault(require("@antv/g2/esm/chart/controller/tooltip"));
84
- var _activeRegion = _interopRequireDefault(require("@antv/g2/esm/interaction/action/active-region"));
85
- var _sibling = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/tooltip/sibling"));
86
- var _geometry = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/tooltip/geometry"));
87
- var _active = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/active"));
88
- var _linkByColor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/link-by-color"));
89
- var _rangeActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-active"));
90
- var _singleActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-active"));
91
- var _highlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight"));
92
- var _highlightByColor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight-by-color"));
93
- var _highlightByX = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight-by-x"));
94
- var _rangeHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-highlight"));
95
- var _singleHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-highlight"));
96
- var _rangeSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-selected"));
97
- var _selected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/selected"));
98
- var _singleSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-selected"));
99
- var _listActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-active"));
100
- var _listHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-highlight"));
101
- var _listSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-selected"));
102
- var _listUnchecked = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-unchecked"));
103
- var _circle2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/circle"));
104
- var _dimRect = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/dim-rect"));
105
- var _path2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/path"));
106
- var _rect2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/rect"));
107
- var _smoothPath = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/smooth-path"));
108
- var _cursor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/cursor"));
109
- var _filter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/filter"));
110
- var _rangeFilter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/range-filter"));
111
- var _siblingFilter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/sibling-filter"));
112
- var _filter2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/filter"));
113
- var _siblingFilter2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/sibling-filter"));
114
- var _button = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/button"));
115
- var _drag = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/drag"));
116
- var _move = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/move"));
117
- var _scaleTranslate = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/scale-translate"));
118
- var _scaleZoom = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/scale-zoom"));
119
- var _graphics = require("@antv/g2/esm/util/graphics");
120
- var _transform = require("@antv/g2/esm/util/transform");
121
- var _g = require("@antv/g2");
122
- var _util = require("@antv/g2/esm/geometry/shape/interval/util");
123
- // 注册主题
124
-
125
- // 引入所有内置的 shapes
126
-
127
- // 注册 G 渲染引擎
128
- (0, _core.registerEngine)('canvas', CanvasEngine);
129
-
130
- // 注册 G2 内置的 geometry
131
- (0, _core.registerGeometry)('Polygon', _polygon.default);
132
- (0, _core.registerGeometry)('Interval', _interval.default);
133
- (0, _core.registerGeometry)('Schema', _schema.default);
134
- (0, _core.registerGeometry)('Path', _path.default);
135
- (0, _core.registerGeometry)('Point', _point.default);
136
- (0, _core.registerGeometry)('Line', _line.default);
137
- (0, _core.registerGeometry)('Area', _area.default);
138
- (0, _core.registerGeometry)('Edge', _edge.default);
139
- (0, _core.registerGeometry)('Heatmap', _heatmap.default);
140
-
141
- // 注册 Geometry 内置的 label
142
- (0, _core.registerGeometryLabel)('base', _base.default);
143
- (0, _core.registerGeometryLabel)('interval', _interval2.default);
144
- (0, _core.registerGeometryLabel)('pie', _pie.default);
145
- (0, _core.registerGeometryLabel)('polar', _polar.default);
146
-
147
- // 注册 Geometry label 内置的布局函数
148
- (0, _core.registerGeometryLabelLayout)('overlap', _overlap.overlap);
149
- (0, _core.registerGeometryLabelLayout)('fixed-overlap', _overlap.fixedOverlap);
150
- (0, _core.registerGeometryLabelLayout)('limit-in-shape', _limitInShape.limitInShape);
151
- (0, _core.registerGeometryLabelLayout)('limit-in-canvas', _limitInCanvas.limitInCanvas);
152
-
153
- // 注册需要的动画执行函数
154
- (0, _core.registerAnimation)('fade-in', _fade.fadeIn);
155
- (0, _core.registerAnimation)('fade-out', _fade.fadeOut);
156
- (0, _core.registerAnimation)('grow-in-x', _growIn.growInX);
157
- (0, _core.registerAnimation)('grow-in-xy', _growIn.growInXY);
158
- (0, _core.registerAnimation)('grow-in-y', _growIn.growInY);
159
- (0, _core.registerAnimation)('scale-in-x', _scaleIn.scaleInX);
160
- (0, _core.registerAnimation)('scale-in-y', _scaleIn.scaleInY);
161
- (0, _core.registerAnimation)('wave-in', _waveIn.waveIn);
162
- (0, _core.registerAnimation)('zoom-in', _zoom.zoomIn);
163
- (0, _core.registerAnimation)('zoom-out', _zoom.zoomOut);
164
- (0, _core.registerAnimation)('position-update', _positionUpdate.positionUpdate);
165
- (0, _core.registerAnimation)('sector-path-update', _sectorPathUpdate.sectorPathUpdate);
166
- (0, _core.registerAnimation)('path-in', _pathIn.pathIn);
167
-
168
- // 注册内置的 Facet
169
- (0, _core.registerFacet)('rect', _rect.default);
170
- (0, _core.registerFacet)('mirror', _mirror.default);
171
- (0, _core.registerFacet)('list', _list.default);
172
- (0, _core.registerFacet)('matrix', _matrix.default);
173
- (0, _core.registerFacet)('circle', _circle.default);
174
- (0, _core.registerFacet)('tree', _tree.default);
175
-
176
- // 注册内置的 Component
177
- // register build-in components
178
- (0, _core.registerComponentController)('axis', _axis.default);
179
- (0, _core.registerComponentController)('legend', _legend.default);
180
- (0, _core.registerComponentController)('tooltip', _tooltip.default);
181
- (0, _core.registerComponentController)('annotation', _annotation.default);
182
- (0, _core.registerComponentController)('slider', _slider.default);
183
-
184
- // 注册 Interaction Action
185
- (0, _core.registerAction)('tooltip', _geometry.default);
186
- (0, _core.registerAction)('sibling-tooltip', _sibling.default);
187
- (0, _core.registerAction)('element-active', _active.default);
188
- (0, _core.registerAction)('element-single-active', _singleActive.default);
189
- (0, _core.registerAction)('element-range-active', _rangeActive.default);
190
- (0, _core.registerAction)('element-highlight', _highlight.default);
191
- (0, _core.registerAction)('element-highlight-by-x', _highlightByX.default);
192
- (0, _core.registerAction)('element-highlight-by-color', _highlightByColor.default);
193
- (0, _core.registerAction)('element-single-highlight', _singleHighlight.default);
194
- (0, _core.registerAction)('element-range-highlight', _rangeHighlight.default);
195
- (0, _core.registerAction)('element-sibling-highlight', _rangeHighlight.default, {
196
- effectSiblings: true,
197
- effectByRecord: true
198
- });
199
- (0, _core.registerAction)('element-selected', _selected.default);
200
- (0, _core.registerAction)('element-single-selected', _singleSelected.default);
201
- (0, _core.registerAction)('element-range-selected', _rangeSelected.default);
202
- (0, _core.registerAction)('element-link-by-color', _linkByColor.default);
203
- (0, _core.registerAction)('active-region', _activeRegion.default);
204
- (0, _core.registerAction)('list-active', _listActive.default);
205
- (0, _core.registerAction)('list-selected', _listSelected.default);
206
- (0, _core.registerAction)('list-highlight', _listHighlight.default);
207
- (0, _core.registerAction)('list-unchecked', _listUnchecked.default);
208
- (0, _core.registerAction)('rect-mask', _rect2.default);
209
- (0, _core.registerAction)('x-rect-mask', _dimRect.default, {
210
- dim: 'x'
211
- });
212
- (0, _core.registerAction)('y-rect-mask', _dimRect.default, {
213
- dim: 'y'
214
- });
215
- (0, _core.registerAction)('circle-mask', _circle2.default);
216
- (0, _core.registerAction)('path-mask', _path2.default);
217
- (0, _core.registerAction)('smooth-path-mask', _smoothPath.default);
218
- (0, _core.registerAction)('cursor', _cursor.default);
219
- (0, _core.registerAction)('data-filter', _filter.default);
220
- (0, _core.registerAction)('brush', _rangeFilter.default);
221
- (0, _core.registerAction)('brush-x', _rangeFilter.default, {
222
- dims: ['x']
223
- });
224
- (0, _core.registerAction)('brush-y', _rangeFilter.default, {
225
- dims: ['y']
226
- });
227
- (0, _core.registerAction)('sibling-filter', _siblingFilter.default);
228
- (0, _core.registerAction)('sibling-x-filter', _siblingFilter.default);
229
- (0, _core.registerAction)('sibling-y-filter', _siblingFilter.default);
230
- (0, _core.registerAction)('element-filter', _filter2.default);
231
- (0, _core.registerAction)('element-sibling-filter', _siblingFilter2.default);
232
- (0, _core.registerAction)('element-sibling-filter-record', _siblingFilter2.default, {
233
- byRecord: true
234
- });
235
- (0, _core.registerAction)('view-drag', _drag.default);
236
- (0, _core.registerAction)('view-move', _move.default);
237
- (0, _core.registerAction)('scale-translate', _scaleTranslate.default);
238
- (0, _core.registerAction)('scale-zoom', _scaleZoom.default);
239
- (0, _core.registerAction)('reset-button', _button.default, {
240
- name: 'reset-button',
241
- text: 'reset'
242
- });
243
- (0, _g.registerShape)('interval', 'withGap', {
244
- draw(cfg, container) {
245
- const points = cfg.points;
246
- let path = [];
247
- path.push(['M', points[0].x, points[0].y]);
248
- path.push(['L', points[1].x, points[1].y - 0.0015]);
249
- path.push(['L', points[2].x, points[2].y - 0.0015]);
250
- path.push(['L', points[3].x, points[3].y]);
251
- path.push('Z');
252
- path = this.parsePath(path);
253
- return container.addShape('path', {
254
- attrs: {
255
- fill: cfg.color,
256
- path
257
- }
258
- });
259
- }
260
- });
261
- class HighlightXOnlyBar extends _g.Action {
262
- highlight() {
263
- const elements = this.context.view.geometries[0].elements;
264
- elements.forEach(element => {
265
- const {
266
- data
267
- } = element.getModel();
268
- if (data.type === 'bar') {
269
- element.setState('active', true);
270
- } else {
271
- element.hide();
272
- }
273
- });
274
- }
275
- reset() {
276
- const elements = this.context.view.geometries[0].elements;
277
- elements.forEach(element => {
278
- element.setState('active', false);
279
- element.show();
280
- });
281
- }
282
- }
283
- (0, _core.registerAction)('highlight-x-only-bar', HighlightXOnlyBar);
284
-
285
- // 注册默认的 Interaction 交互行为
286
- function isPointInView(context) {
287
- return context.isInPlot();
288
- }
289
-
290
- // 注册 tooltip 的 interaction
291
- (0, _core.registerInteraction)('tooltip', {
292
- start: [{
293
- trigger: 'plot:mousemove',
294
- action: 'tooltip:show'
295
- }],
296
- end: [{
297
- trigger: 'plot:mouseleave',
298
- action: 'tooltip:hide'
299
- }]
300
- });
301
-
302
- // 移动到 element 上 active
303
- (0, _core.registerInteraction)('element-active', {
304
- start: [{
305
- trigger: 'element:mouseenter',
306
- action: 'element-active:active'
307
- }],
308
- end: [{
309
- trigger: 'element:mouseleave',
310
- action: 'element-active:reset'
311
- }]
312
- });
313
-
314
- // 点击选中,允许取消
315
- (0, _core.registerInteraction)('element-selected', {
316
- start: [{
317
- trigger: 'element:click',
318
- action: 'element-selected:toggle'
319
- }]
320
- });
321
-
322
- // hover highlight,允许取消
323
- (0, _core.registerInteraction)('element-highlight', {
324
- start: [{
325
- trigger: 'element:mouseenter',
326
- action: 'element-highlight:highlight'
327
- // throttle: { wait: 50, leading: true, trailing: false }
328
- }],
329
- end: [{
330
- trigger: 'element:mouseleave',
331
- action: 'element-highlight:reset'
332
- }]
333
- });
334
-
335
- // hover highlight by x,允许取消
336
- (0, _core.registerInteraction)('element-highlight-by-x', {
337
- start: [{
338
- trigger: 'element:mouseenter',
339
- action: 'element-highlight-by-x:highlight'
340
- }],
341
- end: [{
342
- trigger: 'element:mouseleave',
343
- action: 'element-highlight-by-x:reset'
344
- }]
345
- });
346
-
347
- // hover highlight by y,允许取消
348
- (0, _core.registerInteraction)('element-highlight-by-color', {
349
- start: [{
350
- trigger: 'element:mouseenter',
351
- action: 'element-highlight-by-color:highlight'
352
- }],
353
- end: [{
354
- trigger: 'element:mouseleave',
355
- action: 'element-highlight-by-color:reset'
356
- }]
357
- });
358
-
359
- // legend hover,element active
360
- (0, _core.registerInteraction)('legend-active', {
361
- start: [{
362
- trigger: 'legend-item:mouseenter',
363
- action: ['list-active:active', 'element-active:active']
364
- }],
365
- end: [{
366
- trigger: 'legend-item:mouseleave',
367
- action: ['list-active:reset', 'element-active:reset']
368
- }]
369
- });
370
-
371
- // legend hover,element active
372
- (0, _core.registerInteraction)('legend-highlight', {
373
- start: [{
374
- trigger: 'legend-item:mouseenter',
375
- action: ['list-highlight:highlight', 'element-highlight:highlight']
376
- }],
377
- end: [{
378
- trigger: 'legend-item:mouseleave',
379
- action: ['list-highlight:reset', 'element-highlight:reset']
380
- }]
381
- });
382
-
383
- // legend hover,element active
384
- (0, _core.registerInteraction)('axis-label-highlight', {
385
- start: [{
386
- trigger: 'axis-label:mouseenter',
387
- action: ['list-highlight:highlight', 'element-highlight:highlight']
388
- }],
389
- end: [{
390
- trigger: 'axis-label:mouseleave',
391
- action: ['list-highlight:reset', 'element-highlight:reset']
392
- }]
393
- });
394
-
395
- // legend hover,element active
396
- (0, _core.registerInteraction)('element-list-highlight', {
397
- start: [{
398
- trigger: 'element:mouseenter',
399
- action: ['list-highlight:highlight', 'element-highlight:highlight']
400
- }],
401
- end: [{
402
- trigger: 'element:mouseleave',
403
- action: ['list-highlight:reset', 'element-highlight:reset']
404
- }]
405
- });
406
-
407
- // 框选
408
- (0, _core.registerInteraction)('element-range-highlight', {
409
- showEnable: [{
410
- trigger: 'plot:mouseenter',
411
- action: 'cursor:crosshair'
412
- }, {
413
- trigger: 'mask:mouseenter',
414
- action: 'cursor:move'
415
- }, {
416
- trigger: 'plot:mouseleave',
417
- action: 'cursor:default'
418
- }, {
419
- trigger: 'mask:mouseleave',
420
- action: 'cursor:crosshair'
421
- }],
422
- start: [{
423
- trigger: 'plot:mousedown',
424
- isEnable: function (context) {
425
- return !context.isInShape('mask');
426
- },
427
- action: ['rect-mask:start', 'rect-mask:show']
428
- }, {
429
- trigger: 'mask:dragstart',
430
- action: ['rect-mask:moveStart']
431
- }],
432
- processing: [{
433
- trigger: 'plot:mousemove',
434
- action: ['rect-mask:resize']
435
- }, {
436
- trigger: 'mask:drag',
437
- action: ['rect-mask:move']
438
- }, {
439
- trigger: 'mask:change',
440
- action: ['element-range-highlight:highlight']
441
- }],
442
- end: [{
443
- trigger: 'plot:mouseup',
444
- action: ['rect-mask:end']
445
- }, {
446
- trigger: 'mask:dragend',
447
- action: ['rect-mask:moveEnd']
448
- }, {
449
- trigger: 'document:mouseup',
450
- isEnable: function (context) {
451
- return !context.isInPlot();
452
- },
453
- action: ['element-range-highlight:clear', 'rect-mask:end', 'rect-mask:hide']
454
- }],
455
- rollback: [{
456
- trigger: 'dblclick',
457
- action: ['element-range-highlight:clear', 'rect-mask:hide']
458
- }]
459
- });
460
- (0, _core.registerInteraction)('brush', {
461
- showEnable: [{
462
- trigger: 'plot:mouseenter',
463
- action: 'cursor:crosshair'
464
- }, {
465
- trigger: 'plot:mouseleave',
466
- action: 'cursor:default'
467
- }],
468
- start: [{
469
- trigger: 'mousedown',
470
- isEnable: isPointInView,
471
- action: ['brush:start', 'rect-mask:start', 'rect-mask:show']
472
- }],
473
- processing: [{
474
- trigger: 'mousemove',
475
- isEnable: isPointInView,
476
- action: ['rect-mask:resize']
477
- }],
478
- end: [{
479
- trigger: 'mouseup',
480
- isEnable: isPointInView,
481
- action: ['brush:filter', 'brush:end', 'rect-mask:end', 'rect-mask:hide', 'reset-button:show']
482
- }],
483
- rollback: [{
484
- trigger: 'reset-button:click',
485
- action: ['brush:reset', 'reset-button:hide', 'cursor:crosshair']
486
- }]
487
- });
488
- (0, _core.registerInteraction)('brush-visible', {
489
- showEnable: [{
490
- trigger: 'plot:mouseenter',
491
- action: 'cursor:crosshair'
492
- }, {
493
- trigger: 'plot:mouseleave',
494
- action: 'cursor:default'
495
- }],
496
- start: [{
497
- trigger: 'plot:mousedown',
498
- action: ['rect-mask:start', 'rect-mask:show', 'element-range-highlight:start']
499
- }],
500
- processing: [{
501
- trigger: 'plot:mousemove',
502
- action: ['rect-mask:resize', 'element-range-highlight:highlight']
503
- }, {
504
- trigger: 'mask:end',
505
- action: ['element-filter:filter']
506
- }],
507
- end: [{
508
- trigger: 'mouseup',
509
- isEnable: isPointInView,
510
- action: ['rect-mask:end', 'rect-mask:hide', 'element-range-highlight:end', 'element-range-highlight:clear']
511
- }],
512
- rollback: [{
513
- trigger: 'dblclick',
514
- action: ['element-filter:clear']
515
- }]
516
- });
517
- (0, _core.registerInteraction)('brush-x', {
518
- showEnable: [{
519
- trigger: 'plot:mouseenter',
520
- action: 'cursor:crosshair'
521
- }, {
522
- trigger: 'plot:mouseleave',
523
- action: 'cursor:default'
524
- }],
525
- start: [{
526
- trigger: 'mousedown',
527
- isEnable: isPointInView,
528
- action: ['brush-x:start', 'x-rect-mask:start', 'x-rect-mask:show']
529
- }],
530
- processing: [{
531
- trigger: 'mousemove',
532
- isEnable: isPointInView,
533
- action: ['x-rect-mask:resize']
534
- }],
535
- end: [{
536
- trigger: 'mouseup',
537
- isEnable: isPointInView,
538
- action: ['brush-x:filter', 'brush-x:end', 'x-rect-mask:end', 'x-rect-mask:hide']
539
- }],
540
- rollback: [{
541
- trigger: 'dblclick',
542
- action: ['brush-x:reset']
543
- }]
544
- });
545
- (0, _core.registerInteraction)('element-path-highlight', {
546
- showEnable: [{
547
- trigger: 'plot:mouseenter',
548
- action: 'cursor:crosshair'
549
- }, {
550
- trigger: 'plot:mouseleave',
551
- action: 'cursor:default'
552
- }],
553
- start: [{
554
- trigger: 'mousedown',
555
- isEnable: isPointInView,
556
- action: 'path-mask:start'
557
- }, {
558
- trigger: 'mousedown',
559
- isEnable: isPointInView,
560
- action: 'path-mask:show'
561
- }],
562
- processing: [{
563
- trigger: 'mousemove',
564
- action: 'path-mask:addPoint'
565
- }],
566
- end: [{
567
- trigger: 'mouseup',
568
- action: 'path-mask:end'
569
- }],
570
- rollback: [{
571
- trigger: 'dblclick',
572
- action: 'path-mask:hide'
573
- }]
574
- });
575
-
576
- // 点击选中,允许取消
577
- (0, _core.registerInteraction)('element-single-selected', {
578
- start: [{
579
- trigger: 'element:click',
580
- action: 'element-single-selected:toggle'
581
- }]
582
- });
583
-
584
- // 筛选数据
585
- (0, _core.registerInteraction)('legend-filter', {
586
- showEnable: [{
587
- trigger: 'legend-item:mouseenter',
588
- action: 'cursor:pointer'
589
- }, {
590
- trigger: 'legend-item:mouseleave',
591
- action: 'cursor:default'
592
- }],
593
- start: [{
594
- trigger: 'legend-item:click',
595
- action: 'list-unchecked:toggle'
596
- }, {
597
- trigger: 'legend-item:click',
598
- action: 'data-filter:filter'
599
- }]
600
- });
601
-
602
- // 筛选数据
603
- (0, _core.registerInteraction)('continuous-filter', {
604
- start: [{
605
- trigger: 'legend:valuechanged',
606
- action: 'data-filter:filter'
607
- }]
608
- });
609
-
610
- // 筛选数据
611
- (0, _core.registerInteraction)('continuous-visible-filter', {
612
- start: [{
613
- trigger: 'legend:valuechanged',
614
- action: 'element-filter:filter'
615
- }]
616
- });
617
-
618
- // 筛选图形
619
- (0, _core.registerInteraction)('legend-visible-filter', {
620
- showEnable: [{
621
- trigger: 'legend-item:mouseenter',
622
- action: 'cursor:pointer'
623
- }, {
624
- trigger: 'legend-item:mouseleave',
625
- action: 'cursor:default'
626
- }],
627
- start: [{
628
- trigger: 'legend-item:click',
629
- action: 'list-unchecked:toggle'
630
- }, {
631
- trigger: 'legend-item:click',
632
- action: 'element-filter:filter'
633
- }]
634
- });
635
-
636
- // 出现背景框
637
- (0, _core.registerInteraction)('active-region', {
638
- start: [{
639
- trigger: 'plot:mousemove',
640
- action: 'active-region:show'
641
- }],
642
- end: [{
643
- trigger: 'plot:mouseleave',
644
- action: 'active-region:hide'
645
- }]
646
- });
647
- function isWheelDown(event) {
648
- event.gEvent.preventDefault();
649
- return event.gEvent.originalEvent.deltaY > 0;
650
- }
651
- (0, _core.registerInteraction)('view-zoom', {
652
- start: [{
653
- trigger: 'plot:mousewheel',
654
- isEnable: function (context) {
655
- return isWheelDown(context.event);
656
- },
657
- action: 'scale-zoom:zoomOut'
658
- }, {
659
- trigger: 'plot:mousewheel',
660
- isEnable: function (context) {
661
- return !isWheelDown(context.event);
662
- },
663
- action: 'scale-zoom:zoomIn'
664
- }]
665
- });
666
- (0, _core.registerInteraction)('sibling-tooltip', {
667
- start: [{
668
- trigger: 'plot:mousemove',
669
- action: 'sibling-tooltip:show'
670
- }],
671
- end: [{
672
- trigger: 'plot:mouseleave',
673
- action: 'sibling-tooltip:hide'
674
- }]
675
- });
676
- // 一些工具方法导出
677
- const Util = exports.Util = {
678
- translate: _transform.translate,
679
- rotate: _transform.rotate,
680
- zoom: _transform.zoom,
681
- transform: _transform.transform,
682
- getAngle: _graphics.getAngle,
683
- polarToCartesian: _graphics.polarToCartesian
684
- };