@easyv/charts 1.7.37 → 1.7.38
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/.babelrc +8 -8
- package/CHANGELOG.md +18 -18
- package/commitlint.config.js +1 -1
- package/lib/components/Background.js +2 -2
- package/lib/components/Band.js +2 -2
- package/lib/components/Brush.js +2 -2
- package/lib/components/Chart.js +2 -2
- package/lib/components/ChartContainer.js +2 -2
- package/lib/components/ConicalGradient.js +21 -21
- package/lib/components/ExtentData.js +2 -2
- package/lib/components/Indicator.js +2 -2
- package/lib/components/Label.js +2 -2
- package/lib/components/Legend.js +5 -8
- package/lib/components/Lighter.js +2 -2
- package/lib/components/Line.js +2 -2
- package/lib/components/LinearGradient.js +2 -2
- package/lib/components/StereoBar.js +2 -2
- package/lib/css/index.module.css +39 -39
- package/lib/css/piechart.module.css +26 -26
- package/lib/hooks/useAnimateData.js +6 -6
- package/lib/hooks/useFilterData.js +5 -5
- package/lib/hooks/useStackData.js +5 -5
- package/lib/hooks/useTooltip.js +11 -11
- package/package.json +54 -54
- package/src/components/Background.tsx +61 -61
- package/src/components/Band.tsx +334 -334
- package/src/components/Brush.js +159 -159
- package/src/components/Chart.js +157 -157
- package/src/components/ChartContainer.tsx +71 -71
- package/src/components/ConicalGradient.js +258 -258
- package/src/components/Control.jsx +242 -242
- package/src/components/ExtentData.js +18 -18
- package/src/components/Indicator.js +61 -61
- package/src/components/Label.js +262 -262
- package/src/components/Legend.js +286 -289
- package/src/components/Lighter.jsx +173 -173
- package/src/components/Line.js +153 -153
- package/src/components/LinearGradient.js +29 -29
- package/src/components/PieTooltip.jsx +160 -160
- package/src/components/SplitText.tsx +70 -70
- package/src/components/StereoBar.tsx +307 -307
- package/src/components/index.js +61 -61
- package/src/context/index.js +2 -2
- package/src/css/index.module.css +39 -39
- package/src/css/piechart.module.css +26 -26
- package/src/element/ConicGradient.jsx +55 -55
- package/src/element/Line.tsx +33 -33
- package/src/element/index.ts +3 -3
- package/src/formatter/index.js +1 -1
- package/src/formatter/legend.js +122 -122
- package/src/hooks/index.js +20 -20
- package/src/hooks/useAnimateData.ts +68 -68
- package/src/hooks/useFilterData.js +77 -77
- package/src/hooks/useStackData.js +140 -140
- package/src/hooks/useTooltip.ts +103 -103
- package/src/index.js +6 -6
- package/src/types/index.d.ts +68 -68
- package/src/utils/index.js +812 -812
- package/tsconfig.json +23 -23
package/.babelrc
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
{
|
|
2
|
-
"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
|
|
3
|
-
"plugins": [
|
|
4
|
-
"@babel/plugin-proposal-export-default-from",
|
|
5
|
-
"@babel/plugin-transform-runtime",
|
|
6
|
-
"@babel/plugin-proposal-class-properties"
|
|
7
|
-
]
|
|
8
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
|
|
3
|
+
"plugins": [
|
|
4
|
+
"@babel/plugin-proposal-export-default-from",
|
|
5
|
+
"@babel/plugin-transform-runtime",
|
|
6
|
+
"@babel/plugin-proposal-class-properties"
|
|
7
|
+
]
|
|
8
|
+
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
|
-
|
|
5
|
-
### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
|
|
6
|
-
|
|
7
|
-
## 1.1.0 (2022-04-02)
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
### Features
|
|
11
|
-
|
|
12
|
-
* 轴标签,label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
|
|
13
|
-
* axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
### Bug Fixes
|
|
17
|
-
|
|
18
|
-
* **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
|
+
|
|
5
|
+
### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
|
|
6
|
+
|
|
7
|
+
## 1.1.0 (2022-04-02)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Features
|
|
11
|
+
|
|
12
|
+
* 轴标签,label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
|
|
13
|
+
* axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
|
|
18
|
+
* **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))
|
package/commitlint.config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {extends: ['@commitlint/config-conventional']}
|
|
1
|
+
module.exports = {extends: ['@commitlint/config-conventional']}
|
|
@@ -8,8 +8,8 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _utils = require("../utils");
|
|
11
|
-
/**
|
|
12
|
-
* 轴类图背景
|
|
11
|
+
/**
|
|
12
|
+
* 轴类图背景
|
|
13
13
|
*/
|
|
14
14
|
var _default = exports["default"] = function _default(_ref) {
|
|
15
15
|
var _ref$axis = _ref.axis,
|
package/lib/components/Band.js
CHANGED
|
@@ -18,8 +18,8 @@ var _excluded = ["pattern", "seriesIntervalWidth", "paddingInner", "highlight"],
|
|
|
18
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
20
20
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
22
|
-
* (柱状/条形)图柱子
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
22
|
+
* (柱状/条形)图柱子
|
|
23
23
|
*/
|
|
24
24
|
var getHighlightData = function getHighlightData(data, extent) {
|
|
25
25
|
switch (extent) {
|
package/lib/components/Brush.js
CHANGED
|
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
13
|
-
* 实现中
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
13
|
+
* 实现中
|
|
14
14
|
*/
|
|
15
15
|
var left = {
|
|
16
16
|
position: 'relative',
|
package/lib/components/Chart.js
CHANGED
|
@@ -15,8 +15,8 @@ var _context = require("../context");
|
|
|
15
15
|
var _ = require(".");
|
|
16
16
|
var _d3v = require("d3v7");
|
|
17
17
|
var _excluded = ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"];
|
|
18
|
-
/**
|
|
19
|
-
* 总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
|
|
18
|
+
/**
|
|
19
|
+
* 总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
|
|
20
20
|
*/
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
15
|
-
* svg外框
|
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
15
|
+
* svg外框
|
|
16
16
|
*/
|
|
17
17
|
var event = function event() {};
|
|
18
18
|
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
@@ -13,8 +13,8 @@ var _utils = require("@easyv/utils/lib/common/utils");
|
|
|
13
13
|
var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
-
/**
|
|
17
|
-
* 饼图装饰内圈
|
|
16
|
+
/**
|
|
17
|
+
* 饼图装饰内圈
|
|
18
18
|
*/
|
|
19
19
|
var _default = exports["default"] = function _default(_ref) {
|
|
20
20
|
var width = _ref.width,
|
|
@@ -108,41 +108,41 @@ var _default = exports["default"] = function _default(_ref) {
|
|
|
108
108
|
}
|
|
109
109
|
});
|
|
110
110
|
};
|
|
111
|
-
/**
|
|
112
|
-
* ConicalGradient
|
|
111
|
+
/**
|
|
112
|
+
* ConicalGradient
|
|
113
113
|
*/
|
|
114
114
|
function ConicalGradient() {
|
|
115
115
|
this._offsets = [];
|
|
116
116
|
this._colors = [];
|
|
117
117
|
}
|
|
118
118
|
ConicalGradient.prototype = {
|
|
119
|
-
/**
|
|
120
|
-
* addColorStop
|
|
121
|
-
*
|
|
122
|
-
* @param {Number} offset
|
|
123
|
-
* @param {Array} color RGBA值
|
|
119
|
+
/**
|
|
120
|
+
* addColorStop
|
|
121
|
+
*
|
|
122
|
+
* @param {Number} offset
|
|
123
|
+
* @param {Array} color RGBA值
|
|
124
124
|
*/
|
|
125
125
|
addColorStop: function addColorStop(offset, color) {
|
|
126
126
|
this._offsets.push(offset);
|
|
127
127
|
this._colors.push(color);
|
|
128
128
|
return this;
|
|
129
129
|
},
|
|
130
|
-
/**
|
|
131
|
-
* _offsetsReverse (array.forEach callback)
|
|
130
|
+
/**
|
|
131
|
+
* _offsetsReverse (array.forEach callback)
|
|
132
132
|
*/
|
|
133
133
|
_offsetsReverse: function _offsetsReverse(offset, index, array) {
|
|
134
134
|
array[index] = 1 - offset;
|
|
135
135
|
},
|
|
136
|
-
/**
|
|
137
|
-
* fill
|
|
138
|
-
*
|
|
139
|
-
* @param {Number} context
|
|
140
|
-
* @param {Number} x
|
|
141
|
-
* @param {Number} y
|
|
142
|
-
* @param {Number} radius
|
|
143
|
-
* @param {Number} startAngle
|
|
144
|
-
* @param {Number} endAngle
|
|
145
|
-
* @param {Boolean} anticlockwise
|
|
136
|
+
/**
|
|
137
|
+
* fill
|
|
138
|
+
*
|
|
139
|
+
* @param {Number} context
|
|
140
|
+
* @param {Number} x
|
|
141
|
+
* @param {Number} y
|
|
142
|
+
* @param {Number} radius
|
|
143
|
+
* @param {Number} startAngle
|
|
144
|
+
* @param {Number} endAngle
|
|
145
|
+
* @param {Boolean} anticlockwise
|
|
146
146
|
*/
|
|
147
147
|
fill: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
|
|
148
148
|
var offsets = this._offsets;
|
|
@@ -12,8 +12,8 @@ var _react = require("react");
|
|
|
12
12
|
var _hooks = require("../hooks");
|
|
13
13
|
var _excluded = ["axes", "series"],
|
|
14
14
|
_excluded2 = ["config", "data"];
|
|
15
|
-
/**
|
|
16
|
-
* 计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
|
|
15
|
+
/**
|
|
16
|
+
* 计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
|
|
17
17
|
*/
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
19
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -8,8 +8,8 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
-
/**
|
|
12
|
-
* 轴类图表移上去的指示框背景
|
|
11
|
+
/**
|
|
12
|
+
* 轴类图表移上去的指示框背景
|
|
13
13
|
*/
|
|
14
14
|
var _default = exports["default"] = function _default(_ref) {
|
|
15
15
|
var color = _ref.color,
|
package/lib/components/Label.js
CHANGED
|
@@ -13,8 +13,8 @@ var _react = require("react");
|
|
|
13
13
|
var _utils = require("../utils");
|
|
14
14
|
var _context = require("../context");
|
|
15
15
|
var _excluded = ["seriesIntervalWidth", "paddingInner", "showType"];
|
|
16
|
-
/**
|
|
17
|
-
* 轴类图表标签
|
|
16
|
+
/**
|
|
17
|
+
* 轴类图表标签
|
|
18
18
|
*/
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
package/lib/components/Legend.js
CHANGED
|
@@ -14,8 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
14
14
|
var _utils = require("../utils");
|
|
15
15
|
var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
|
|
16
16
|
var _excluded = ["italic", "bold"];
|
|
17
|
-
/**
|
|
18
|
-
* 图例
|
|
17
|
+
/**
|
|
18
|
+
* 图例
|
|
19
19
|
*/
|
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -155,8 +155,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
155
155
|
display: 'flex'
|
|
156
156
|
}, getPosition(position, _alignment, x, y)), {}, {
|
|
157
157
|
height: loop.show ? height : 'auto',
|
|
158
|
-
overflowY: loop.show ? 'scroll' : 'auto'
|
|
159
|
-
pointerEvents: "none" //鼠标穿透
|
|
158
|
+
overflowY: loop.show ? 'scroll' : 'auto'
|
|
160
159
|
}),
|
|
161
160
|
ref: ref_container
|
|
162
161
|
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
@@ -210,9 +209,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
210
209
|
position: 'absolute'
|
|
211
210
|
}, getPosition(position, _alignment, x, y)), {}, {
|
|
212
211
|
height: loop.show ? height : 'auto',
|
|
213
|
-
overflowY: loop.show ? 'scroll' : 'auto'
|
|
214
|
-
width: "100%",
|
|
215
|
-
pointerEvents: "none"
|
|
212
|
+
overflowY: loop.show ? 'scroll' : 'auto'
|
|
216
213
|
}),
|
|
217
214
|
ref: ref_container
|
|
218
215
|
}, (0, _toConsumableArray2["default"])(Array(Math.ceil(series.length / gridTemplateColumns))).map(function (_, indexs) {
|
|
@@ -258,7 +255,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
258
255
|
style: _objectSpread(_objectSpread({}, font), {}, {
|
|
259
256
|
fontStyle: italic ? 'italic' : 'normal',
|
|
260
257
|
fontWeight: bold ? 'bold' : 'normal',
|
|
261
|
-
minWidth: getCanvasTextWidth(displayName.substring(0, 5) || name.substring(0, 5), font.letterSpacing, "".concat(font.fontSize, "px ").concat(font.fontFamily))
|
|
258
|
+
minWidth: getCanvasTextWidth(displayName ? displayName.substring(0, 5) || name.substring(0, 5) : "", font.letterSpacing, "".concat(font.fontSize, "px ").concat(font.fontFamily))
|
|
262
259
|
}),
|
|
263
260
|
speed: speed
|
|
264
261
|
})));
|
|
@@ -14,8 +14,8 @@ var _utils = require("../utils");
|
|
|
14
14
|
var _svgPathProperties = require("svg-path-properties");
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
/**
|
|
18
|
-
* 区域图发光跟踪路径
|
|
17
|
+
/**
|
|
18
|
+
* 区域图发光跟踪路径
|
|
19
19
|
*/
|
|
20
20
|
var _default = exports["default"] = function _default(_ref) {
|
|
21
21
|
var d = _ref.path,
|
package/lib/components/Line.js
CHANGED
|
@@ -16,8 +16,8 @@ var _ = require(".");
|
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
20
|
-
* 折线图
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
20
|
+
* 折线图
|
|
21
21
|
*/
|
|
22
22
|
var defined = function defined(d) {
|
|
23
23
|
return d.data.y != null;
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
/**
|
|
10
|
-
* svg渐变滤镜
|
|
9
|
+
/**
|
|
10
|
+
* svg渐变滤镜
|
|
11
11
|
*/
|
|
12
12
|
var _default = exports["default"] = function _default(_ref) {
|
|
13
13
|
var id = _ref.id,
|
|
@@ -16,8 +16,8 @@ var _utils = require("../utils");
|
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
20
|
-
* 立体柱状图的柱子
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
20
|
+
* 立体柱状图的柱子
|
|
21
21
|
*/
|
|
22
22
|
var getHighlightData = function getHighlightData(data, extent) {
|
|
23
23
|
switch (extent) {
|
package/lib/css/index.module.css
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
.rotateClockwise {
|
|
2
|
-
animation-name: rotateClockwise;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
@keyframes rotateClockwise {
|
|
6
|
-
0% {
|
|
7
|
-
transform: rotate(0deg);
|
|
8
|
-
}
|
|
9
|
-
100% {
|
|
10
|
-
transform: rotate(360deg);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.rotateCounterClockwise {
|
|
15
|
-
animation-name: rotateCounterClockwise;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@keyframes rotateCounterClockwise {
|
|
19
|
-
0% {
|
|
20
|
-
transform: rotate(360deg);
|
|
21
|
-
}
|
|
22
|
-
100% {
|
|
23
|
-
transform: rotate(0deg);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.showAllStyle {
|
|
28
|
-
display: grid;
|
|
29
|
-
width: 100%;
|
|
30
|
-
grid-template-columns: 100px 80px 60px;
|
|
31
|
-
align-items: center;
|
|
32
|
-
column-gap: 12px;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.notShowAllStyle {
|
|
36
|
-
display: grid;
|
|
37
|
-
width: 100%;
|
|
38
|
-
align-items: center;
|
|
39
|
-
column-gap: 12px;
|
|
1
|
+
.rotateClockwise {
|
|
2
|
+
animation-name: rotateClockwise;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@keyframes rotateClockwise {
|
|
6
|
+
0% {
|
|
7
|
+
transform: rotate(0deg);
|
|
8
|
+
}
|
|
9
|
+
100% {
|
|
10
|
+
transform: rotate(360deg);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rotateCounterClockwise {
|
|
15
|
+
animation-name: rotateCounterClockwise;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@keyframes rotateCounterClockwise {
|
|
19
|
+
0% {
|
|
20
|
+
transform: rotate(360deg);
|
|
21
|
+
}
|
|
22
|
+
100% {
|
|
23
|
+
transform: rotate(0deg);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.showAllStyle {
|
|
28
|
+
display: grid;
|
|
29
|
+
width: 100%;
|
|
30
|
+
grid-template-columns: 100px 80px 60px;
|
|
31
|
+
align-items: center;
|
|
32
|
+
column-gap: 12px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.notShowAllStyle {
|
|
36
|
+
display: grid;
|
|
37
|
+
width: 100%;
|
|
38
|
+
align-items: center;
|
|
39
|
+
column-gap: 12px;
|
|
40
40
|
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
/*甜甜圈图专用css*/
|
|
2
|
-
.label-line {
|
|
3
|
-
stroke-dasharray: 100;
|
|
4
|
-
stroke-dashoffset: 100;
|
|
5
|
-
animation: dash var(--labelDuration) ease forwards;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.label-text {
|
|
9
|
-
opacity: 0;
|
|
10
|
-
animation: show var(--labelDuration) ease forwards;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.inner-arc {
|
|
14
|
-
animation: dash var(--ringDuration) ease forwards;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@keyframes dash {
|
|
18
|
-
100% {
|
|
19
|
-
stroke-dashoffset: 0%;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@keyframes show {
|
|
24
|
-
100% {
|
|
25
|
-
opacity: 1;
|
|
26
|
-
}
|
|
1
|
+
/*甜甜圈图专用css*/
|
|
2
|
+
.label-line {
|
|
3
|
+
stroke-dasharray: 100;
|
|
4
|
+
stroke-dashoffset: 100;
|
|
5
|
+
animation: dash var(--labelDuration) ease forwards;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.label-text {
|
|
9
|
+
opacity: 0;
|
|
10
|
+
animation: show var(--labelDuration) ease forwards;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.inner-arc {
|
|
14
|
+
animation: dash var(--ringDuration) ease forwards;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@keyframes dash {
|
|
18
|
+
100% {
|
|
19
|
+
stroke-dashoffset: 0%;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@keyframes show {
|
|
24
|
+
100% {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
}
|
|
27
27
|
}
|
|
@@ -11,12 +11,12 @@ var _react = require("react");
|
|
|
11
11
|
var _popmotion = require("popmotion");
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
/**
|
|
15
|
-
* 图表数据动画
|
|
16
|
-
* @param {Array} data data列表
|
|
17
|
-
* @param {boolean} dataAnimation 是否开启数据增长动画
|
|
18
|
-
* @param {boolean} active 是否处于活跃状态,false为休眠
|
|
19
|
-
* @returns 改变后的数据
|
|
14
|
+
/**
|
|
15
|
+
* 图表数据动画
|
|
16
|
+
* @param {Array} data data列表
|
|
17
|
+
* @param {boolean} dataAnimation 是否开启数据增长动画
|
|
18
|
+
* @param {boolean} active 是否处于活跃状态,false为休眠
|
|
19
|
+
* @returns 改变后的数据
|
|
20
20
|
*/
|
|
21
21
|
var _default = exports["default"] = function _default(data, dataAnimation, active) {
|
|
22
22
|
var _useState = (0, _react.useState)([]),
|
|
@@ -42,11 +42,11 @@ var getSelected = function getSelected(selected, name) {
|
|
|
42
42
|
return tmp;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
-
/**
|
|
46
|
-
* 图例点击状态管理
|
|
47
|
-
* @param {Array} data 数据
|
|
48
|
-
* @param {Map} series 系列
|
|
49
|
-
* @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
|
|
45
|
+
/**
|
|
46
|
+
* 图例点击状态管理
|
|
47
|
+
* @param {Array} data 数据
|
|
48
|
+
* @param {Map} series 系列
|
|
49
|
+
* @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
|
|
50
50
|
*/
|
|
51
51
|
var _default = exports["default"] = function _default(_ref) {
|
|
52
52
|
var data = _ref.data,
|
|
@@ -109,11 +109,11 @@ var mergeDataAndSeries = function mergeDataAndSeries(data, _series) {
|
|
|
109
109
|
});
|
|
110
110
|
});
|
|
111
111
|
};
|
|
112
|
-
/**
|
|
113
|
-
* 计算堆叠数据
|
|
114
|
-
* @param {Array} data 数据
|
|
115
|
-
* @param {Map} series 系列
|
|
116
|
-
* @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
|
|
112
|
+
/**
|
|
113
|
+
* 计算堆叠数据
|
|
114
|
+
* @param {Array} data 数据
|
|
115
|
+
* @param {Map} series 系列
|
|
116
|
+
* @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
|
|
117
117
|
*/
|
|
118
118
|
var _default = exports["default"] = function _default(_ref2) {
|
|
119
119
|
var data = _ref2.data,
|
package/lib/hooks/useTooltip.js
CHANGED
|
@@ -10,17 +10,17 @@ var _react = require("react");
|
|
|
10
10
|
var _utils = require("../utils");
|
|
11
11
|
var callback = function callback() {};
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* 主要用于轴类图表,返回当前选中的是哪一个x
|
|
15
|
-
* @param {Array} svg svg的dom实例
|
|
16
|
-
* @param {Number} marginLeft 左间距
|
|
17
|
-
* @param {Number} marginTop 上间距
|
|
18
|
-
* @param {Number} width 宽
|
|
19
|
-
* @param {Number} height 高
|
|
20
|
-
* @param {Number} axisX 类目轴
|
|
21
|
-
* @param {Object} config 轮播动画参数
|
|
22
|
-
* @param {Boolean} active 组件是否处于活跃状态
|
|
23
|
-
* @returns {Object} 返回被选中的名称,坐标,选中方法
|
|
13
|
+
/**
|
|
14
|
+
* 主要用于轴类图表,返回当前选中的是哪一个x
|
|
15
|
+
* @param {Array} svg svg的dom实例
|
|
16
|
+
* @param {Number} marginLeft 左间距
|
|
17
|
+
* @param {Number} marginTop 上间距
|
|
18
|
+
* @param {Number} width 宽
|
|
19
|
+
* @param {Number} height 高
|
|
20
|
+
* @param {Number} axisX 类目轴
|
|
21
|
+
* @param {Object} config 轮播动画参数
|
|
22
|
+
* @param {Boolean} active 组件是否处于活跃状态
|
|
23
|
+
* @returns {Object} 返回被选中的名称,坐标,选中方法
|
|
24
24
|
*/
|
|
25
25
|
var _default = exports["default"] = function _default(_ref) {
|
|
26
26
|
var svg = _ref.svg,
|