@neo4j-ndl/react-charts 0.0.4 → 0.0.5
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/lib/cjs/charts/Chart.js +7 -7
- package/lib/cjs/charts/Chart.js.map +1 -1
- package/lib/cjs/charts/themes/defaultTheme.js +1 -1
- package/lib/cjs/charts/user-option-utils.js +82 -0
- package/lib/cjs/charts/user-option-utils.js.map +1 -0
- package/lib/esm/charts/Chart.js +7 -7
- package/lib/esm/charts/Chart.js.map +1 -1
- package/lib/esm/charts/themes/defaultTheme.js +1 -1
- package/lib/esm/charts/user-option-utils.js +76 -0
- package/lib/esm/charts/user-option-utils.js.map +1 -0
- package/lib/types/charts/user-option-utils.d.ts +24 -0
- package/package.json +1 -1
package/lib/cjs/charts/Chart.js
CHANGED
|
@@ -29,21 +29,21 @@ const echarts_1 = require("echarts");
|
|
|
29
29
|
const Legend_1 = require("./Legend");
|
|
30
30
|
const lightTheme_1 = require("./themes/lightTheme");
|
|
31
31
|
const darkTheme_1 = require("./themes/darkTheme");
|
|
32
|
+
const user_option_utils_1 = require("./user-option-utils");
|
|
33
|
+
const react_2 = require("@neo4j-ndl/react");
|
|
32
34
|
function Chart({ dataset, option: userOption, xAxis, yAxis, series, style, settings, loading, legend, }) {
|
|
33
35
|
const chartRef = (0, react_1.useRef)(null);
|
|
34
36
|
const [isWaitingForFirstResize, setIsWaitingForFirstResize] = (0, react_1.useState)(true);
|
|
37
|
+
const { theme } = (0, react_2.useNeedleTheme)();
|
|
35
38
|
const option = (0, react_1.useMemo)(() => {
|
|
36
39
|
return Object.assign(Object.assign({ grid: {
|
|
37
40
|
top: '2%',
|
|
38
41
|
right: '5%',
|
|
39
42
|
bottom: '10%',
|
|
40
|
-
|
|
41
|
-
xAxis,
|
|
42
|
-
yAxis }, userOption), { legend: {
|
|
43
|
+
type: 'solid',
|
|
44
|
+
}, dataset, xAxis: (0, user_option_utils_1.mergeXAxis)(xAxis, theme), yAxis: (0, user_option_utils_1.mergeYAxis)(yAxis, theme) }, userOption), { legend: {
|
|
43
45
|
show: false,
|
|
44
|
-
}, series:
|
|
45
|
-
? series.map((currentSeries) => (Object.assign(Object.assign({ symbolSize: 9, symbol: 'none', symbolBorderWidth: 3 }, currentSeries), { lineStyle: Object.assign({ width: 3, type: 'solid' }, currentSeries.lineStyle) })))
|
|
46
|
-
: series, tooltip: {
|
|
46
|
+
}, series: (0, user_option_utils_1.mergeSeries)(series, theme), tooltip: {
|
|
47
47
|
trigger: 'axis',
|
|
48
48
|
className: 'ndl-charts-chart-tooltip',
|
|
49
49
|
axisPointer: {
|
|
@@ -68,7 +68,7 @@ function Chart({ dataset, option: userOption, xAxis, yAxis, series, style, setti
|
|
|
68
68
|
})] }))}`;
|
|
69
69
|
},
|
|
70
70
|
} });
|
|
71
|
-
}, [dataset, series, userOption, xAxis, yAxis]);
|
|
71
|
+
}, [dataset, series, theme, userOption, xAxis, yAxis]);
|
|
72
72
|
(0, react_1.useEffect)(() => {
|
|
73
73
|
// Initialize chart
|
|
74
74
|
let chart;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
+
exports.mergeYAxis = exports.mergeXAxis = exports.mergeSeries = void 0;
|
|
24
|
+
const base_1 = require("@neo4j-ndl/base");
|
|
25
|
+
const colors = Object.values(base_1.tokens.palette.categorical);
|
|
26
|
+
const mergeSeries = (series, theme = 'light', index = 0) => {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
if (series === undefined) {
|
|
29
|
+
return [];
|
|
30
|
+
}
|
|
31
|
+
if (Array.isArray(series)) {
|
|
32
|
+
return series.map((s, i) => (0, exports.mergeSeries)(s, theme, i));
|
|
33
|
+
}
|
|
34
|
+
if (series.type === 'line') {
|
|
35
|
+
const color = Array.isArray(series.color)
|
|
36
|
+
? series.color[index]
|
|
37
|
+
: (_a = series.color) !== null && _a !== void 0 ? _a : colors[index];
|
|
38
|
+
const shadow = base_1.tokens.theme[theme].boxShadow.raised;
|
|
39
|
+
const shadowParts = shadow.split(/ (?=\d+px|rgba?\()/);
|
|
40
|
+
const mergedSeries = Object.assign(Object.assign({ type: 'line', symbolSize: 9, color, symbol: 'none' }, series), { lineStyle: Object.assign({ width: 2, type: 'solid' }, series.lineStyle), emphasis: Object.assign({ itemStyle: Object.assign({ color, borderColor: base_1.tokens.theme[theme].palette.neutral.bg.weak, shadowOffsetX: parseInt(shadowParts[0]), shadowOffsetY: parseInt(shadowParts[1]), shadowBlur: parseInt(shadowParts[2]), shadowColor: shadowParts[4] }, (_b = series.emphasis) === null || _b === void 0 ? void 0 : _b.itemStyle), label: { show: false } }, series.emphasis) });
|
|
41
|
+
return mergedSeries;
|
|
42
|
+
}
|
|
43
|
+
return series;
|
|
44
|
+
};
|
|
45
|
+
exports.mergeSeries = mergeSeries;
|
|
46
|
+
const mergeXAxis = (xAxis, theme = 'light') => {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
if (xAxis === undefined) {
|
|
49
|
+
return [];
|
|
50
|
+
}
|
|
51
|
+
if (Array.isArray(xAxis)) {
|
|
52
|
+
return xAxis.map((x) => (0, exports.mergeXAxis)(x, theme));
|
|
53
|
+
}
|
|
54
|
+
return Object.assign(Object.assign({}, xAxis), { splitLine: Object.assign({ show: false }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.splitLine), axisLine: {
|
|
55
|
+
lineStyle: Object.assign({ color: base_1.tokens.theme[theme].palette.neutral.border.strong, width: 2, cap: 'square' }, (_a = xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisLine) === null || _a === void 0 ? void 0 : _a.lineStyle),
|
|
56
|
+
}, axisTick: Object.assign(Object.assign({ length: 8 }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisTick), { lineStyle: Object.assign({ color: base_1.tokens.theme[theme].palette.neutral.border.strong, width: 1 }, (_b = xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisTick) === null || _b === void 0 ? void 0 : _b.lineStyle) }), axisLabel: Object.assign({ margin: 16, fontFamily: base_1.tokens.font['font-family']['body-small'], fontSize: base_1.tokens.font.size['body-small'], color: base_1.tokens.theme[theme].palette.neutral.text.weaker, formatter: {
|
|
57
|
+
year: '{yearStyle|{yyyy}}\n{monthStyle|{MMM}}',
|
|
58
|
+
month: '{MMM}',
|
|
59
|
+
day: '{dd} {MMM}',
|
|
60
|
+
hour: '{HH}:{mm}',
|
|
61
|
+
minute: '{HH}:{mm}',
|
|
62
|
+
second: '{HH}:{mm}:{ss}',
|
|
63
|
+
millisecond: '{hh}:{mm}:{ss} {SSS}',
|
|
64
|
+
// @ts-expect-error the type is not correct none is used when no other format works.
|
|
65
|
+
none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}',
|
|
66
|
+
} }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisLabel) });
|
|
67
|
+
};
|
|
68
|
+
exports.mergeXAxis = mergeXAxis;
|
|
69
|
+
const mergeYAxis = (yAxis, theme = 'light') => {
|
|
70
|
+
var _a, _b;
|
|
71
|
+
if (yAxis === undefined) {
|
|
72
|
+
return [];
|
|
73
|
+
}
|
|
74
|
+
if (Array.isArray(yAxis)) {
|
|
75
|
+
return yAxis.map((y) => (0, exports.mergeYAxis)(y, theme));
|
|
76
|
+
}
|
|
77
|
+
return Object.assign(Object.assign({}, yAxis), { axisLine: Object.assign(Object.assign({}, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLine), { lineStyle: Object.assign({ color: base_1.tokens.theme[theme].palette.neutral.border.strong, width: 0 }, (_a = yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLine) === null || _a === void 0 ? void 0 : _a.lineStyle) }), axisTick: Object.assign(Object.assign({}, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisTick), { lineStyle: Object.assign({ color: base_1.tokens.theme[theme].palette.neutral.border.strong, width: 0 }, (_b = yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisTick) === null || _b === void 0 ? void 0 : _b.lineStyle) }), axisLabel: Object.assign({ margin: 8, fontFamily: base_1.tokens.font['font-family']['body-small'], fontSize: base_1.tokens.font.size['body-small'], color: base_1.tokens.theme[theme].palette.neutral.text.weaker,
|
|
78
|
+
// @ts-expect-error the type is not correct
|
|
79
|
+
formatter: '{value}' }, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLabel) });
|
|
80
|
+
};
|
|
81
|
+
exports.mergeYAxis = mergeYAxis;
|
|
82
|
+
//# sourceMappingURL=user-option-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-option-utils.js","sourceRoot":"","sources":["../../../src/charts/user-option-utils.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/charts/Chart.js
CHANGED
|
@@ -26,21 +26,21 @@ import { init, registerTheme, getInstanceByDom, } from 'echarts';
|
|
|
26
26
|
import { Legend } from './Legend';
|
|
27
27
|
import { lightTheme } from './themes/lightTheme';
|
|
28
28
|
import { darkTheme } from './themes/darkTheme';
|
|
29
|
+
import { mergeSeries, mergeXAxis, mergeYAxis } from './user-option-utils';
|
|
30
|
+
import { useNeedleTheme } from '@neo4j-ndl/react';
|
|
29
31
|
export function Chart({ dataset, option: userOption, xAxis, yAxis, series, style, settings, loading, legend, }) {
|
|
30
32
|
const chartRef = useRef(null);
|
|
31
33
|
const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);
|
|
34
|
+
const { theme } = useNeedleTheme();
|
|
32
35
|
const option = useMemo(() => {
|
|
33
36
|
return Object.assign(Object.assign({ grid: {
|
|
34
37
|
top: '2%',
|
|
35
38
|
right: '5%',
|
|
36
39
|
bottom: '10%',
|
|
37
|
-
|
|
38
|
-
xAxis,
|
|
39
|
-
yAxis }, userOption), { legend: {
|
|
40
|
+
type: 'solid',
|
|
41
|
+
}, dataset, xAxis: mergeXAxis(xAxis, theme), yAxis: mergeYAxis(yAxis, theme) }, userOption), { legend: {
|
|
40
42
|
show: false,
|
|
41
|
-
}, series:
|
|
42
|
-
? series.map((currentSeries) => (Object.assign(Object.assign({ symbolSize: 9, symbol: 'none', symbolBorderWidth: 3 }, currentSeries), { lineStyle: Object.assign({ width: 3, type: 'solid' }, currentSeries.lineStyle) })))
|
|
43
|
-
: series, tooltip: {
|
|
43
|
+
}, series: mergeSeries(series, theme), tooltip: {
|
|
44
44
|
trigger: 'axis',
|
|
45
45
|
className: 'ndl-charts-chart-tooltip',
|
|
46
46
|
axisPointer: {
|
|
@@ -65,7 +65,7 @@ export function Chart({ dataset, option: userOption, xAxis, yAxis, series, style
|
|
|
65
65
|
})] }))}`;
|
|
66
66
|
},
|
|
67
67
|
} });
|
|
68
|
-
}, [dataset, series, userOption, xAxis, yAxis]);
|
|
68
|
+
}, [dataset, series, theme, userOption, xAxis, yAxis]);
|
|
69
69
|
useEffect(() => {
|
|
70
70
|
// Initialize chart
|
|
71
71
|
let chart;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,MAAM,EACN,SAAS,EAET,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,IAAI,EACJ,aAAa,EACb,gBAAgB,GAIjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
22
|
+
const colors = Object.values(tokens.palette.categorical);
|
|
23
|
+
export const mergeSeries = (series, theme = 'light', index = 0) => {
|
|
24
|
+
var _a, _b;
|
|
25
|
+
if (series === undefined) {
|
|
26
|
+
return [];
|
|
27
|
+
}
|
|
28
|
+
if (Array.isArray(series)) {
|
|
29
|
+
return series.map((s, i) => mergeSeries(s, theme, i));
|
|
30
|
+
}
|
|
31
|
+
if (series.type === 'line') {
|
|
32
|
+
const color = Array.isArray(series.color)
|
|
33
|
+
? series.color[index]
|
|
34
|
+
: (_a = series.color) !== null && _a !== void 0 ? _a : colors[index];
|
|
35
|
+
const shadow = tokens.theme[theme].boxShadow.raised;
|
|
36
|
+
const shadowParts = shadow.split(/ (?=\d+px|rgba?\()/);
|
|
37
|
+
const mergedSeries = Object.assign(Object.assign({ type: 'line', symbolSize: 9, color, symbol: 'none' }, series), { lineStyle: Object.assign({ width: 2, type: 'solid' }, series.lineStyle), emphasis: Object.assign({ itemStyle: Object.assign({ color, borderColor: tokens.theme[theme].palette.neutral.bg.weak, shadowOffsetX: parseInt(shadowParts[0]), shadowOffsetY: parseInt(shadowParts[1]), shadowBlur: parseInt(shadowParts[2]), shadowColor: shadowParts[4] }, (_b = series.emphasis) === null || _b === void 0 ? void 0 : _b.itemStyle), label: { show: false } }, series.emphasis) });
|
|
38
|
+
return mergedSeries;
|
|
39
|
+
}
|
|
40
|
+
return series;
|
|
41
|
+
};
|
|
42
|
+
export const mergeXAxis = (xAxis, theme = 'light') => {
|
|
43
|
+
var _a, _b;
|
|
44
|
+
if (xAxis === undefined) {
|
|
45
|
+
return [];
|
|
46
|
+
}
|
|
47
|
+
if (Array.isArray(xAxis)) {
|
|
48
|
+
return xAxis.map((x) => mergeXAxis(x, theme));
|
|
49
|
+
}
|
|
50
|
+
return Object.assign(Object.assign({}, xAxis), { splitLine: Object.assign({ show: false }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.splitLine), axisLine: {
|
|
51
|
+
lineStyle: Object.assign({ color: tokens.theme[theme].palette.neutral.border.strong, width: 2, cap: 'square' }, (_a = xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisLine) === null || _a === void 0 ? void 0 : _a.lineStyle),
|
|
52
|
+
}, axisTick: Object.assign(Object.assign({ length: 8 }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisTick), { lineStyle: Object.assign({ color: tokens.theme[theme].palette.neutral.border.strong, width: 1 }, (_b = xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisTick) === null || _b === void 0 ? void 0 : _b.lineStyle) }), axisLabel: Object.assign({ margin: 16, fontFamily: tokens.font['font-family']['body-small'], fontSize: tokens.font.size['body-small'], color: tokens.theme[theme].palette.neutral.text.weaker, formatter: {
|
|
53
|
+
year: '{yearStyle|{yyyy}}\n{monthStyle|{MMM}}',
|
|
54
|
+
month: '{MMM}',
|
|
55
|
+
day: '{dd} {MMM}',
|
|
56
|
+
hour: '{HH}:{mm}',
|
|
57
|
+
minute: '{HH}:{mm}',
|
|
58
|
+
second: '{HH}:{mm}:{ss}',
|
|
59
|
+
millisecond: '{hh}:{mm}:{ss} {SSS}',
|
|
60
|
+
// @ts-expect-error the type is not correct none is used when no other format works.
|
|
61
|
+
none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}',
|
|
62
|
+
} }, xAxis === null || xAxis === void 0 ? void 0 : xAxis.axisLabel) });
|
|
63
|
+
};
|
|
64
|
+
export const mergeYAxis = (yAxis, theme = 'light') => {
|
|
65
|
+
var _a, _b;
|
|
66
|
+
if (yAxis === undefined) {
|
|
67
|
+
return [];
|
|
68
|
+
}
|
|
69
|
+
if (Array.isArray(yAxis)) {
|
|
70
|
+
return yAxis.map((y) => mergeYAxis(y, theme));
|
|
71
|
+
}
|
|
72
|
+
return Object.assign(Object.assign({}, yAxis), { axisLine: Object.assign(Object.assign({}, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLine), { lineStyle: Object.assign({ color: tokens.theme[theme].palette.neutral.border.strong, width: 0 }, (_a = yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLine) === null || _a === void 0 ? void 0 : _a.lineStyle) }), axisTick: Object.assign(Object.assign({}, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisTick), { lineStyle: Object.assign({ color: tokens.theme[theme].palette.neutral.border.strong, width: 0 }, (_b = yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisTick) === null || _b === void 0 ? void 0 : _b.lineStyle) }), axisLabel: Object.assign({ margin: 8, fontFamily: tokens.font['font-family']['body-small'], fontSize: tokens.font.size['body-small'], color: tokens.theme[theme].palette.neutral.text.weaker,
|
|
73
|
+
// @ts-expect-error the type is not correct
|
|
74
|
+
formatter: '{value}' }, yAxis === null || yAxis === void 0 ? void 0 : yAxis.axisLabel) });
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=user-option-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-option-utils.js","sourceRoot":"","sources":["../../../src/charts/user-option-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import { type EChartsOption } from 'echarts';
|
|
22
|
+
export declare const mergeSeries: (series: EChartsOption["series"], theme?: "light" | "dark", index?: number) => EChartsOption["series"];
|
|
23
|
+
export declare const mergeXAxis: (xAxis: EChartsOption["xAxis"], theme?: "light" | "dark") => EChartsOption["xAxis"];
|
|
24
|
+
export declare const mergeYAxis: (yAxis: EChartsOption["yAxis"], theme?: "light" | "dark") => EChartsOption["yAxis"];
|