@ck-ui/component-library 1.0.9 → 1.0.11
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/dist/{DropdownFooter-BmXLYRcE.js → DropdownFooter-CJnM_ECj.js} +1 -1
- package/dist/assets/{index-CRlPQn7l.css → index-EOsQwhza.css} +1 -1
- package/dist/assets/{styles-D2n8YjU_.css → styles-DrYTmjez.css} +1 -1
- package/dist/components/FusionChart/_config/builders.d.ts.map +1 -1
- package/dist/components/FusionChart/_config/builders.js +120 -119
- package/dist/components/FusionChart/_config/helpers.js +6 -6
- package/dist/components/FusionChart/_constant/constants.d.ts +3 -3
- package/dist/components/FusionChart/_constant/constants.js +1 -1
- package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map +1 -1
- package/dist/components/FusionChart/_helpers/doughnutHelper.js +105 -66
- package/dist/components/FusionChart/_types/fusionChart.types.d.ts +0 -1
- package/dist/components/FusionChart/_types/fusionChart.types.d.ts.map +1 -1
- package/dist/components/FusionChart/index.d.ts.map +1 -1
- package/dist/components/FusionChart/index.js +163 -152
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -2
- package/dist/components/SingleSelectDropdown/index.js +2 -2
- package/dist/components/Table/_helpers/FilterColumnToolbar.js +36 -36
- package/dist/components/Table/index.js +91 -91
- package/package.json +1 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { EXTENDED_PALETTE as
|
|
2
|
-
import { getBaseConfig as g, getStackedColumnChartShell as
|
|
3
|
-
import { getCurrencyPrefix as y, getLabelStep as p, getCartesianPalette as
|
|
4
|
-
const
|
|
5
|
-
const t = e.plotSpacePercent ?? (e.plotSpacePercent === 0 ? e.plotSpacePercent : 60), a = Array.isArray(e.graphData) ? e.graphData : [], r = a.some((
|
|
1
|
+
import { EXTENDED_PALETTE as S, DEFAULT_WIDTH as m, STACKED_AREA_PALETTE as E } from "../_constant/constants.js";
|
|
2
|
+
import { getBaseConfig as g, getStackedColumnChartShell as z, getStackedAreaChartShell as I, getStackedBarChartShell as H, getLineChartShell as F, getCommonChartShell as D, getScrollAreaChartShell as P, getMultipleLineChartShell as O, getMsCombiDy2dChartShell as R, getGroupChartShell as W, getDoughnutChartShell as Y } from "./helpers.js";
|
|
3
|
+
import { getCurrencyPrefix as y, getLabelStep as p, getCartesianPalette as N, getCurrencySymbol as j, getBarType as V, getGraphDataLength as _ } from "../_utils/chartHelpers.js";
|
|
4
|
+
const M = (e = {}) => {
|
|
5
|
+
const t = e.plotSpacePercent ?? (e.plotSpacePercent === 0 ? e.plotSpacePercent : 60), a = Array.isArray(e.graphData) ? e.graphData : [], r = a.some((l) => !!l.color), o = N(e?.palettecolors)?.split(",")?.map((l) => l?.trim());
|
|
6
6
|
if (e.usePerBarColors && !Array.isArray(e.graphData)) {
|
|
7
|
-
const
|
|
7
|
+
const l = e.graphData, s = l?.category || [], h = l?.dataset || [];
|
|
8
8
|
if (h.length === 1) {
|
|
9
|
-
const b = (h[0].data || []).map((
|
|
10
|
-
const C =
|
|
9
|
+
const b = (h[0].data || []).map((f, v) => {
|
|
10
|
+
const C = f.color || o[v % o.length], T = s[v]?.label || "";
|
|
11
11
|
return {
|
|
12
|
-
...
|
|
12
|
+
...f,
|
|
13
13
|
color: C,
|
|
14
|
-
toolText: e.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#
|
|
14
|
+
toolText: e.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${T}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${C};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>${T}</label></span><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>${y(e.numberPrefix)}${f.value || ""}</b></div>`
|
|
15
15
|
};
|
|
16
16
|
}), w = {
|
|
17
|
-
...
|
|
17
|
+
...D(e),
|
|
18
18
|
bgColor: e.bgColor || "#ffffff",
|
|
19
19
|
labelStep: p(s.length, e.labelStep),
|
|
20
20
|
xAxisName: e.xAxisName,
|
|
@@ -32,23 +32,24 @@ const z = (e = {}) => {
|
|
|
32
32
|
numbersuffix: e.numbersuffix || ""
|
|
33
33
|
};
|
|
34
34
|
return g({
|
|
35
|
-
type:
|
|
36
|
-
width:
|
|
35
|
+
type: V(e),
|
|
36
|
+
width: m,
|
|
37
37
|
height: e.height || "300",
|
|
38
38
|
dataSource: { chart: w, data: b }
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
const n = a?.map((
|
|
43
|
-
const h =
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
const n = a?.map((l, s) => {
|
|
43
|
+
const h = l?.color || o[s % o.length];
|
|
44
|
+
let x;
|
|
45
|
+
return l.toolText ? x = l.toolText : e.plotToolText ? x = e.plotToolText : x = `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${l.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${h};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>${l.label || ""}</label></span><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>${y(e.numberPrefix)}${l.value || ""}</b></div>`, {
|
|
46
|
+
...l,
|
|
46
47
|
color: h,
|
|
47
|
-
toolText:
|
|
48
|
+
toolText: x
|
|
48
49
|
// toolText: props.plotToolText || `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${item.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${itemColor};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>${item.label || ""}</label></span><b style='text-align:right;'>${getCurrencyPrefix(props.numberPrefix)}${item.value || ""}</b></div>`
|
|
49
50
|
};
|
|
50
51
|
}), i = {
|
|
51
|
-
...
|
|
52
|
+
...D(e),
|
|
52
53
|
bgColor: e.bgColor || "#ffffff",
|
|
53
54
|
labelStep: p(_(e), e.labelStep),
|
|
54
55
|
xAxisName: e.xAxisName,
|
|
@@ -63,7 +64,7 @@ const z = (e = {}) => {
|
|
|
63
64
|
skipOverlapLabels: "0",
|
|
64
65
|
numberPrefix: y(e.numberPrefix),
|
|
65
66
|
// When per-item colors are set, don't use palettecolors (it overrides item colors)
|
|
66
|
-
palettecolors: r ? void 0 :
|
|
67
|
+
palettecolors: r ? void 0 : N(e.palettecolors),
|
|
67
68
|
maxLabelHeight: e.maxLabelHeight,
|
|
68
69
|
numbersuffix: e.numbersuffix || ""
|
|
69
70
|
}, d = e.graphData, c = e?.hideScroll ? { chart: i, data: n?.length > 0 ? n : e?.graphData || [] } : {
|
|
@@ -72,18 +73,18 @@ const z = (e = {}) => {
|
|
|
72
73
|
dataset: d?.dataset
|
|
73
74
|
};
|
|
74
75
|
return g({
|
|
75
|
-
type:
|
|
76
|
-
width:
|
|
76
|
+
type: V(e),
|
|
77
|
+
width: m,
|
|
77
78
|
height: e.height || "300",
|
|
78
79
|
dataSource: c
|
|
79
80
|
});
|
|
80
81
|
}, G = (e = {}) => g({
|
|
81
82
|
type: "area2d",
|
|
82
|
-
width:
|
|
83
|
+
width: m,
|
|
83
84
|
height: "550",
|
|
84
85
|
dataSource: {
|
|
85
86
|
chart: {
|
|
86
|
-
...
|
|
87
|
+
...D({ ...e, decimals: "2" }),
|
|
87
88
|
xAxisName: e.xAxisName,
|
|
88
89
|
yAxisName: e.yAxisName,
|
|
89
90
|
labelFontSize: 12,
|
|
@@ -93,14 +94,14 @@ const z = (e = {}) => {
|
|
|
93
94
|
data: e.graphData || []
|
|
94
95
|
}
|
|
95
96
|
}), U = (e = {}) => {
|
|
96
|
-
const t = Array.isArray(e?.graphData) ? e.graphData : [], a = y(e?.numberPrefix), r = (e?.palettecolors || "#8ECFFF").split(",")[0].trim(),
|
|
97
|
+
const t = Array.isArray(e?.graphData) ? e.graphData : [], a = y(e?.numberPrefix), r = (e?.palettecolors || "#8ECFFF").split(",")[0].trim(), o = t?.map((n) => ({
|
|
97
98
|
...n,
|
|
98
|
-
toolText: e?.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#
|
|
99
|
+
toolText: e?.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${n?.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${r};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>${n?.label || ""}</label></span><b style='text-align:right; color:#2B2B2B;font-weight:500;font-size:10px;'>${a}${n?.value || ""}</b></div>`
|
|
99
100
|
// toolText: props?.plotToolText || `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${item?.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${lineColor};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>${item?.label || ""}</label></span><b style='text-align:right;'>${numberPrefix}${item?.value || ""}</b></div>`
|
|
100
101
|
}));
|
|
101
102
|
return g({
|
|
102
103
|
type: "line",
|
|
103
|
-
width: e?.width ||
|
|
104
|
+
width: e?.width || m,
|
|
104
105
|
height: e?.height || "300",
|
|
105
106
|
dataSource: {
|
|
106
107
|
chart: {
|
|
@@ -110,16 +111,16 @@ const z = (e = {}) => {
|
|
|
110
111
|
labelStep: p(t.length, void 0),
|
|
111
112
|
...e?.chartConfig || {}
|
|
112
113
|
},
|
|
113
|
-
data:
|
|
114
|
+
data: o.length > 0 ? o : e?.graphData || []
|
|
114
115
|
}
|
|
115
116
|
});
|
|
116
117
|
}, K = (e = {}) => {
|
|
117
118
|
let t = j();
|
|
118
119
|
e.numberPrefix === "" ? t = "" : e.numberPrefix !== null && e.numberPrefix !== void 0 && (t = e.numberPrefix);
|
|
119
|
-
const a = e.graphData, r = (a?.dataset || []).some((n) => !!n.color),
|
|
120
|
-
const c = n.data?.map((
|
|
121
|
-
const s =
|
|
122
|
-
return s == null || Number(s) === 0 || typeof s == "string" && s.trim() === "" ? { ...
|
|
120
|
+
const a = e.graphData, r = (a?.dataset || []).some((n) => !!n.color), o = (a?.dataset || []).map((n, i) => {
|
|
121
|
+
const c = n.data?.map((l) => {
|
|
122
|
+
const s = l.value;
|
|
123
|
+
return s == null || Number(s) === 0 || typeof s == "string" && s.trim() === "" ? { ...l, value: 0 } : l;
|
|
123
124
|
});
|
|
124
125
|
return {
|
|
125
126
|
...n,
|
|
@@ -128,13 +129,13 @@ const z = (e = {}) => {
|
|
|
128
129
|
// index === 0
|
|
129
130
|
// ? "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>"
|
|
130
131
|
// : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>"
|
|
131
|
-
plotToolText: e.plotToolText || (i === 0 ? "<div style='font-size: 10px;font-weight:500;color:#
|
|
132
|
+
plotToolText: e.plotToolText || (i === 0 ? "<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>$dataValue</b></div>" : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>$dataValue</b></div>")
|
|
132
133
|
};
|
|
133
134
|
});
|
|
134
135
|
return g({
|
|
135
136
|
type: "mscolumn2d",
|
|
136
137
|
key: e.key,
|
|
137
|
-
width: e.width ||
|
|
138
|
+
width: e.width || m,
|
|
138
139
|
height: e.height || "400",
|
|
139
140
|
dataSource: {
|
|
140
141
|
chart: {
|
|
@@ -150,11 +151,11 @@ const z = (e = {}) => {
|
|
|
150
151
|
...r ? { palettecolors: void 0 } : {}
|
|
151
152
|
},
|
|
152
153
|
categories: [{ category: a?.category || [] }],
|
|
153
|
-
dataset:
|
|
154
|
+
dataset: o
|
|
154
155
|
}
|
|
155
156
|
});
|
|
156
157
|
}, X = (e = {}) => {
|
|
157
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((i) => !!i.color),
|
|
158
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((i) => !!i.color), o = "<div class='stacked-tooltip-total' style='display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;margin-top:4px;border-top:1px solid #eee;min-width:180px'><span style='color:#2B2B2B;font-weight:500'>Total</span><b style='color:#2B2B2B;font-weight:500;font-size:10px;'>$sum</b></div>", n = (a?.dataset || []).map((i, d) => ({
|
|
158
159
|
...i,
|
|
159
160
|
// plotToolText: props.plotToolText || (plotToolText: props.plotToolText || (
|
|
160
161
|
// index === 0
|
|
@@ -163,16 +164,16 @@ const z = (e = {}) => {
|
|
|
163
164
|
// index === 0
|
|
164
165
|
// ? "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>" + totalRow
|
|
165
166
|
// : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>" + totalRow
|
|
166
|
-
plotToolText: e.plotToolText || (d === 0 ? "<div style='font-size: 10px;font-weight:500;color:#2b2b2b;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2b2b2b;font-weight:500;font-size:10px;'>$dataValue</b></div>" +
|
|
167
|
+
plotToolText: e.plotToolText || (d === 0 ? "<div style='font-size: 10px;font-weight:500;color:#2b2b2b;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2b2b2b;font-weight:500;font-size:10px;'>$dataValue</b></div>" + o : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373'>$seriesName</label><b style='text-align:right;color:#2b2b2b;font-weight:500;font-size:10px;'>$dataValue</b></div>" + o)
|
|
167
168
|
}));
|
|
168
169
|
return g({
|
|
169
170
|
type: e.hideScroll ? "stackedcolumn2d" : "scrollstackedcolumn2d",
|
|
170
171
|
key: e.key,
|
|
171
|
-
width: e.width ||
|
|
172
|
+
width: e.width || m,
|
|
172
173
|
height: e.height || "400",
|
|
173
174
|
dataSource: {
|
|
174
175
|
chart: {
|
|
175
|
-
...
|
|
176
|
+
...z(e),
|
|
176
177
|
yAxisMaxValue: e.yAxisMaxValue,
|
|
177
178
|
xAxisName: e.xAxisName,
|
|
178
179
|
yAxisName: e.yAxisName,
|
|
@@ -181,7 +182,7 @@ const z = (e = {}) => {
|
|
|
181
182
|
interactiveLegend: e.interactiveLegend || "1",
|
|
182
183
|
drawCrossLine: e.drawCrossLine || "1",
|
|
183
184
|
bgColor: e.bgColor || "#ffffff",
|
|
184
|
-
palettecolors: r ? void 0 : e.palettecolors ||
|
|
185
|
+
palettecolors: r ? void 0 : e.palettecolors || S,
|
|
185
186
|
numberPrefix: t,
|
|
186
187
|
labelStep: p(a?.category?.length, e.labelStep),
|
|
187
188
|
showSum: e.showSum ? "1" : void 0
|
|
@@ -193,8 +194,8 @@ const z = (e = {}) => {
|
|
|
193
194
|
}
|
|
194
195
|
});
|
|
195
196
|
}, q = (e = {}) => {
|
|
196
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).map((
|
|
197
|
-
...
|
|
197
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).map((o, n) => ({
|
|
198
|
+
...o,
|
|
198
199
|
drawCustomLegendIcon: "1",
|
|
199
200
|
legendIconSides: "4",
|
|
200
201
|
legendIconBorderThickness: "0",
|
|
@@ -203,12 +204,12 @@ const z = (e = {}) => {
|
|
|
203
204
|
// index === 0
|
|
204
205
|
// ? "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>"
|
|
205
206
|
// : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>"
|
|
206
|
-
plotToolText: e.plotToolText || (n === 0 ? "<div style='font-size: 10px;font-weight:500;color:#
|
|
207
|
+
plotToolText: e.plotToolText || (n === 0 ? "<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>$dataValue</b></div>" : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;font-weight:500;font-size:10px;color:#2B2B2B;'>$dataValue</b></div>")
|
|
207
208
|
}));
|
|
208
209
|
return g({
|
|
209
210
|
type: "msline",
|
|
210
211
|
key: e.key,
|
|
211
|
-
width: e.width ||
|
|
212
|
+
width: e.width || m,
|
|
212
213
|
height: e.height || "400",
|
|
213
214
|
dataSource: {
|
|
214
215
|
chart: {
|
|
@@ -228,8 +229,8 @@ const z = (e = {}) => {
|
|
|
228
229
|
}
|
|
229
230
|
});
|
|
230
231
|
}, J = (e = {}) => {
|
|
231
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData,
|
|
232
|
-
const h = c.color || l
|
|
232
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, o = (e.palettecolors || E).split(",").map((c) => c.trim()), n = a?.category || [], i = a?.dataset || [], d = i.map((c, l) => {
|
|
233
|
+
const h = c.color || o[l % o.length], x = c.data || [];
|
|
233
234
|
return {
|
|
234
235
|
...c,
|
|
235
236
|
color: h,
|
|
@@ -240,25 +241,25 @@ const z = (e = {}) => {
|
|
|
240
241
|
anchorBorderColor: h,
|
|
241
242
|
showPlotBorder: "1",
|
|
242
243
|
...e.plotToolText ? { plotToolText: e.plotToolText } : {},
|
|
243
|
-
data:
|
|
244
|
+
data: x.map((u, b) => {
|
|
244
245
|
const w = n[b]?.label || "";
|
|
245
246
|
if (e.plotToolText)
|
|
246
|
-
return { ...
|
|
247
|
-
if (
|
|
247
|
+
return { ...u, alpha: "60" };
|
|
248
|
+
if (l > 0)
|
|
248
249
|
return {
|
|
249
|
-
...
|
|
250
|
+
...u,
|
|
250
251
|
alpha: "60",
|
|
251
252
|
toolText: " "
|
|
252
253
|
};
|
|
253
|
-
const
|
|
254
|
-
const T = v.color ||
|
|
255
|
-
return `<div style='display:flex;justify-content:space-between;align-items:center;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px;color:#737373;'><span style='width:10px;height:10px;border-radius:2px;background-color:${T};display:inline-block'></span>${
|
|
254
|
+
const f = i.map((v, C) => {
|
|
255
|
+
const T = v.color || o[C % o.length], B = (v.data || [])[b]?.value ?? "", A = v.seriesname || "";
|
|
256
|
+
return `<div style='display:flex;justify-content:space-between;align-items:center;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px;color:#737373;'><span style='width:10px;height:10px;border-radius:2px;background-color:${T};display:inline-block'></span>${A}</span><b style='color:#2B2B2B;font-weight:500;font-size:10px;'>${t}${B}</b></div>`;
|
|
256
257
|
}).join("");
|
|
257
258
|
return {
|
|
258
|
-
...
|
|
259
|
+
...u,
|
|
259
260
|
alpha: "60",
|
|
260
261
|
// toolText: `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${label}</div>${tooltipItems}`,
|
|
261
|
-
toolText: `<div style='font-size: 10px;font-weight:500;color:#
|
|
262
|
+
toolText: `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${w}</div>${f}`
|
|
262
263
|
};
|
|
263
264
|
})
|
|
264
265
|
};
|
|
@@ -266,7 +267,7 @@ const z = (e = {}) => {
|
|
|
266
267
|
return g({
|
|
267
268
|
type: "stackedarea2d",
|
|
268
269
|
key: e.key,
|
|
269
|
-
width: e.width ||
|
|
270
|
+
width: e.width || m,
|
|
270
271
|
height: e.height || "400",
|
|
271
272
|
dataSource: {
|
|
272
273
|
chart: {
|
|
@@ -287,63 +288,63 @@ const z = (e = {}) => {
|
|
|
287
288
|
}
|
|
288
289
|
});
|
|
289
290
|
}, Q = (e = {}) => {
|
|
290
|
-
const t = y(e.numberPrefix), r = (e?.palettecolors || "#8ECFFF").split(",").map((s) => s.trim()),
|
|
291
|
+
const t = y(e.numberPrefix), r = (e?.palettecolors || "#8ECFFF").split(",").map((s) => s.trim()), o = r[0];
|
|
291
292
|
if (!Array.isArray(e?.graphData) && e?.graphData?.dataset) {
|
|
292
|
-
const s = e.graphData, h = s?.category || [],
|
|
293
|
-
const
|
|
293
|
+
const s = e.graphData, h = s?.category || [], x = s?.dataset || [], u = x.map((b, w) => {
|
|
294
|
+
const f = b.color || r[w % r.length], v = b.data || [];
|
|
294
295
|
return {
|
|
295
296
|
...b,
|
|
296
|
-
color:
|
|
297
|
+
color: f,
|
|
297
298
|
anchorRadius: "3",
|
|
298
299
|
anchorBgColor: "#FFFFFF",
|
|
299
|
-
anchorBorderColor:
|
|
300
|
+
anchorBorderColor: f,
|
|
300
301
|
anchorBorderThickness: "1",
|
|
301
302
|
...e.plotToolText ? { plotToolText: e.plotToolText } : {},
|
|
302
303
|
data: v.map((C, T) => {
|
|
303
|
-
const
|
|
304
|
+
const $ = h[T]?.label || "";
|
|
304
305
|
if (e.plotToolText)
|
|
305
306
|
return { ...C };
|
|
306
|
-
const
|
|
307
|
+
const B = x[w]?.seriesname || "", A = (x[w]?.data || [])[T]?.value ?? "", k = b.color || r[w % r.length], L = `<div class='scroll-area-tooltip-row' data-series-index='${w}' style='display:flex;align-items:center;gap:5px;padding:2px 0;min-width:200px'><span class='scroll-area-dot' style='width:8px;height:8px;border-radius:2px;background-color:${k};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>${B}</label><b style='text-align:right;margin-left:auto;color:#2B2B2B;font-weight:500;font-size:10px;'>${t}${A}</b></div>`;
|
|
307
308
|
return w === 0 ? {
|
|
308
309
|
...C,
|
|
309
310
|
// toolText: `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${label}</div>${row}`,
|
|
310
|
-
toolText: `<div style='font-size: 10px;font-weight:500;color:#
|
|
311
|
+
toolText: `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${$}</div>${L}`
|
|
311
312
|
} : {
|
|
312
313
|
...C,
|
|
313
|
-
toolText:
|
|
314
|
+
toolText: L
|
|
314
315
|
};
|
|
315
316
|
})
|
|
316
317
|
};
|
|
317
318
|
});
|
|
318
319
|
return g({
|
|
319
320
|
type: "scrollarea2d",
|
|
320
|
-
width: e?.width ||
|
|
321
|
+
width: e?.width || m,
|
|
321
322
|
height: e?.height || "400",
|
|
322
323
|
dataSource: {
|
|
323
324
|
chart: {
|
|
324
|
-
...
|
|
325
|
+
...P(e),
|
|
325
326
|
xAxisName: e?.xAxisName,
|
|
326
327
|
yAxisName: e?.yAxisName,
|
|
327
328
|
numberPrefix: t,
|
|
328
329
|
...e?.chartConfig || {}
|
|
329
330
|
},
|
|
330
331
|
categories: [{ category: h }],
|
|
331
|
-
dataset:
|
|
332
|
+
dataset: u
|
|
332
333
|
}
|
|
333
334
|
});
|
|
334
335
|
}
|
|
335
|
-
const i = Array.isArray(e?.graphData) ? e.graphData : [], d = i.map((s) => ({ label: s?.label || "" })), c = e.legendLabel || "Spend",
|
|
336
|
+
const i = Array.isArray(e?.graphData) ? e.graphData : [], d = i.map((s) => ({ label: s?.label || "" })), c = e.legendLabel || "Spend", l = i.map((s) => ({
|
|
336
337
|
value: s?.value,
|
|
337
338
|
// toolText: props?.plotToolText || `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${item?.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${lineColor};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>${seriesName}</label></span><b style='text-align:right;'>${numberPrefix}${item?.value || ""}</b></div>`,
|
|
338
|
-
toolText: e?.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#
|
|
339
|
+
toolText: e?.plotToolText || `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:4px'>${s?.label || ""}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><span style='display:flex;align-items:center;gap:6px'><span style='width:8px;height:8px;border-radius:2px;background-color:${o};display:inline-block;flex-shrink:0'></span><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>${c}</label></span><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>${t}${s?.value || ""}</b></div>`
|
|
339
340
|
}));
|
|
340
341
|
return g({
|
|
341
342
|
type: "scrollarea2d",
|
|
342
|
-
width: e?.width ||
|
|
343
|
+
width: e?.width || m,
|
|
343
344
|
height: e?.height || "400",
|
|
344
345
|
dataSource: {
|
|
345
346
|
chart: {
|
|
346
|
-
...
|
|
347
|
+
...P(e),
|
|
347
348
|
xAxisName: e?.xAxisName,
|
|
348
349
|
yAxisName: e?.yAxisName,
|
|
349
350
|
numberPrefix: t,
|
|
@@ -353,12 +354,12 @@ const z = (e = {}) => {
|
|
|
353
354
|
dataset: [
|
|
354
355
|
{
|
|
355
356
|
seriesname: c,
|
|
356
|
-
color:
|
|
357
|
+
color: o,
|
|
357
358
|
anchorRadius: "3",
|
|
358
359
|
anchorBgColor: "#FFFFFF",
|
|
359
|
-
anchorBorderColor:
|
|
360
|
+
anchorBorderColor: o,
|
|
360
361
|
anchorBorderThickness: "1",
|
|
361
|
-
data:
|
|
362
|
+
data: l
|
|
362
363
|
}
|
|
363
364
|
]
|
|
364
365
|
}
|
|
@@ -367,7 +368,7 @@ const z = (e = {}) => {
|
|
|
367
368
|
const t = e.graphData;
|
|
368
369
|
return g({
|
|
369
370
|
type: "stackedbar2d",
|
|
370
|
-
width:
|
|
371
|
+
width: m,
|
|
371
372
|
height: e.height || "400",
|
|
372
373
|
dataSource: {
|
|
373
374
|
chart: {
|
|
@@ -384,7 +385,7 @@ const z = (e = {}) => {
|
|
|
384
385
|
const t = e.graphData;
|
|
385
386
|
return g({
|
|
386
387
|
type: "sankey",
|
|
387
|
-
width:
|
|
388
|
+
width: m,
|
|
388
389
|
height: e.height || "600",
|
|
389
390
|
dataSource: {
|
|
390
391
|
chart: {
|
|
@@ -394,9 +395,9 @@ const z = (e = {}) => {
|
|
|
394
395
|
// legendItemFontColor: "#2B2B2B",
|
|
395
396
|
// nodeLabelFontColor: "#2B2B2B",
|
|
396
397
|
// nodeLabelFont: "#2B2B2B",
|
|
397
|
-
legendItemFontColor: "#
|
|
398
|
-
nodeLabelFontColor: "#
|
|
399
|
-
nodeLabelFont: "#
|
|
398
|
+
legendItemFontColor: "#2B2B2B",
|
|
399
|
+
nodeLabelFontColor: "#2B2B2B",
|
|
400
|
+
nodeLabelFont: "#2B2B2B",
|
|
400
401
|
legendItemHoverFontColor: "#0a3ca2",
|
|
401
402
|
labelFontColor: "#0a3ca2",
|
|
402
403
|
nodeLabelFontSize: 9,
|
|
@@ -413,20 +414,20 @@ const z = (e = {}) => {
|
|
|
413
414
|
}
|
|
414
415
|
});
|
|
415
416
|
}, te = (e = {}) => {
|
|
416
|
-
const a = e.graphData?.data || [], r = a.reduce((
|
|
417
|
+
const a = e.graphData?.data || [], r = a.reduce((l, s) => l + (Number(s.value) || 0), 0), o = Math.round(r * 100) / 100, n = e.numberPrefix ?? "$", i = { ...e };
|
|
417
418
|
if (!i.defaultCenterLabel)
|
|
418
|
-
i.defaultCenterLabel = `Total{br}${n}${
|
|
419
|
+
i.defaultCenterLabel = `Total{br}${n}${o}`;
|
|
419
420
|
else if (i.defaultCenterLabel.includes("{br}")) {
|
|
420
|
-
const [
|
|
421
|
-
i.defaultCenterLabel = `${
|
|
421
|
+
const [l] = i.defaultCenterLabel.split("{br}");
|
|
422
|
+
i.defaultCenterLabel = `${l}{br}${n}${o}`;
|
|
422
423
|
}
|
|
423
|
-
const d = (e.palettecolors ||
|
|
424
|
-
const h = Number(
|
|
424
|
+
const d = (e.palettecolors || S).split(",").map((l) => l.trim()), c = a.map((l, s) => {
|
|
425
|
+
const h = Number(l.value) || 0, x = o > 0 ? (h / o * 100).toFixed(2) : "0", u = l.color || d[s % d.length];
|
|
425
426
|
let b;
|
|
426
|
-
return
|
|
427
|
-
...
|
|
428
|
-
color:
|
|
429
|
-
displayValue: `${n}${
|
|
427
|
+
return l.toolText ? b = l.toolText : e.plotToolText ? b = e.plotToolText : b = `<div style='font-size: 10px;font-weight:500;color:#2b2b2b;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${l.label}</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;font-size: 10px;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373'><span style='width:8px;height:8px;border-radius:2px;background-color:${u};display:inline-block;margin-right:5px;color:#AAAAAA;'></span>${l.label}</label><b style='text-align:right;color:#2b2b2b;font-weight:500;font-size:10px;'>${n}${h}</b></div>`, b = b.replace(/\$plotFillColor/g, u).replace(/\$color/g, u).replace(/\$label/g, l.label || "").replace(/\$value/g, String(l.value ?? "")).replace(/\$dataValue/g, `${n}${h}`).replace(/\$percentValue/g, x).replace(/\$unformattedSum/g, String(o)).replace(/\$sum/g, `${n}${o}`), {
|
|
428
|
+
...l,
|
|
429
|
+
color: u,
|
|
430
|
+
displayValue: `${n}${l.value} (${x}%){br}${l.label}`,
|
|
430
431
|
toolText: b
|
|
431
432
|
};
|
|
432
433
|
});
|
|
@@ -444,7 +445,7 @@ const z = (e = {}) => {
|
|
|
444
445
|
return g({
|
|
445
446
|
type: "multiaxisline",
|
|
446
447
|
key: e.key,
|
|
447
|
-
width: e.width ||
|
|
448
|
+
width: e.width || m,
|
|
448
449
|
height: e.height || "400",
|
|
449
450
|
dataSource: {
|
|
450
451
|
chart: { ...t?.chart || {}, ...e.plotToolText ? { plotToolText: e.plotToolText } : {} },
|
|
@@ -481,8 +482,8 @@ const z = (e = {}) => {
|
|
|
481
482
|
data: d.data || []
|
|
482
483
|
}));
|
|
483
484
|
}
|
|
484
|
-
const r = y(e.numberPrefix),
|
|
485
|
-
...
|
|
485
|
+
const r = y(e.numberPrefix), o = a.some((i) => !!i.color), n = {
|
|
486
|
+
...D(e),
|
|
486
487
|
bgColor: e.bgColor || "#ffffff",
|
|
487
488
|
xAxisName: e.xAxisName,
|
|
488
489
|
yAxisName: e.yAxisName,
|
|
@@ -497,7 +498,7 @@ const z = (e = {}) => {
|
|
|
497
498
|
skipOverlapLabels: "0",
|
|
498
499
|
numberPrefix: r,
|
|
499
500
|
numVDivLines: e.numVDivLines || "5",
|
|
500
|
-
palettecolors:
|
|
501
|
+
palettecolors: o ? void 0 : N(e.palettecolors),
|
|
501
502
|
maxLabelHeight: e.maxLabelHeight,
|
|
502
503
|
numbersuffix: e.numbersuffix || "",
|
|
503
504
|
labelStep: p(t.length, e.labelStep),
|
|
@@ -511,7 +512,7 @@ const z = (e = {}) => {
|
|
|
511
512
|
};
|
|
512
513
|
return g({
|
|
513
514
|
type: "scrollcolumn2d",
|
|
514
|
-
width: e.width ||
|
|
515
|
+
width: e.width || m,
|
|
515
516
|
height: e.height || "400",
|
|
516
517
|
dataSource: {
|
|
517
518
|
chart: n,
|
|
@@ -520,22 +521,22 @@ const z = (e = {}) => {
|
|
|
520
521
|
}
|
|
521
522
|
});
|
|
522
523
|
}, ie = (e = {}) => {
|
|
523
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((i) => !!i.color),
|
|
524
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((i) => !!i.color), o = "<div class='stacked-tooltip-total' style='display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;margin-top:4px;border-top:1px solid #eee;min-width:180px'><span style='color:#2B2B2B;font-weight:500'>Total</span><b style='color:#2B2B2B;font-weight:500;font-size:10px'>$sum</b></div>", n = (a?.dataset || []).map((i, d) => ({
|
|
524
525
|
...i,
|
|
525
526
|
// plotToolText: props.plotToolText || (
|
|
526
527
|
// index === 0
|
|
527
528
|
// ? "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>" + totalRow
|
|
528
529
|
// : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>$seriesName</label><b style='text-align:right;'>$dataValue</b></div>" + totalRow
|
|
529
|
-
plotToolText: e.plotToolText || (d === 0 ? "<div style='font-size: 10px;font-weight:500;color:#
|
|
530
|
+
plotToolText: e.plotToolText || (d === 0 ? "<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>$dataValue</b></div>" + o : "<div style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;min-width:180px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'>$seriesName</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>$dataValue</b></div>" + o)
|
|
530
531
|
}));
|
|
531
532
|
return g({
|
|
532
533
|
type: "scrollstackedcolumn2d",
|
|
533
534
|
key: e.key,
|
|
534
|
-
width: e.width ||
|
|
535
|
+
width: e.width || m,
|
|
535
536
|
height: e.height || "400",
|
|
536
537
|
dataSource: {
|
|
537
538
|
chart: {
|
|
538
|
-
...
|
|
539
|
+
...z(e),
|
|
539
540
|
yAxisMaxValue: e.yAxisMaxValue,
|
|
540
541
|
xAxisName: e.xAxisName,
|
|
541
542
|
yAxisName: e.yAxisName,
|
|
@@ -544,7 +545,7 @@ const z = (e = {}) => {
|
|
|
544
545
|
interactiveLegend: e.interactiveLegend || "1",
|
|
545
546
|
drawCrossLine: e.drawCrossLine || "1",
|
|
546
547
|
bgColor: e.bgColor || "#ffffff",
|
|
547
|
-
palettecolors: r ? void 0 : e.palettecolors ||
|
|
548
|
+
palettecolors: r ? void 0 : e.palettecolors || S,
|
|
548
549
|
numberPrefix: t,
|
|
549
550
|
numVDivLines: e.numVDivLines || "5",
|
|
550
551
|
labelStep: p(a?.category?.length, e.labelStep),
|
|
@@ -561,26 +562,26 @@ const z = (e = {}) => {
|
|
|
561
562
|
}
|
|
562
563
|
});
|
|
563
564
|
}, ne = (e = {}) => {
|
|
564
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((c) => !!c.color),
|
|
565
|
-
const s = c.color || l
|
|
565
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = (a?.dataset || []).some((c) => !!c.color), o = (e.palettecolors || S).split(",").map((c) => c.trim()), n = a?.category || [], i = a?.dataset || [], d = i.map((c, l) => {
|
|
566
|
+
const s = c.color || o[l % o.length], h = c.data || [];
|
|
566
567
|
return {
|
|
567
568
|
...c,
|
|
568
569
|
color: s,
|
|
569
570
|
...e.plotToolText ? { plotToolText: e.plotToolText } : {},
|
|
570
|
-
data: h.map((
|
|
571
|
-
const b = n[
|
|
571
|
+
data: h.map((x, u) => {
|
|
572
|
+
const b = n[u]?.label || "";
|
|
572
573
|
if (e.plotToolText)
|
|
573
|
-
return { ...
|
|
574
|
-
if (
|
|
575
|
-
return { ...
|
|
576
|
-
const w = i.map((
|
|
577
|
-
const C =
|
|
578
|
-
return `<div class='mscombi-tooltip-row' data-series-index='${v}' data-render-as='${
|
|
574
|
+
return { ...x };
|
|
575
|
+
if (l > 0)
|
|
576
|
+
return { ...x, toolText: " " };
|
|
577
|
+
const w = i.map((f, v) => {
|
|
578
|
+
const C = f.color || o[v % o.length], $ = (f.data || [])[u]?.value ?? "", B = f.seriesname || "", A = f.tooltipPrefix !== void 0 ? f.tooltipPrefix : t, k = f.renderAs || "column";
|
|
579
|
+
return `<div class='mscombi-tooltip-row' data-series-index='${v}' data-render-as='${k}' style='display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-width:200px'><label style='display:inline-block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;'><span class='mscombi-dot' style='width:8px;height:8px;border-radius:2px;background-color:${C};display:inline-block;margin-right:5px;'></span>${B}</label><b style='text-align:right;color:#2B2B2B;font-weight:500;font-size:10px;'>${A}${$}</b></div>`;
|
|
579
580
|
}).join("");
|
|
580
581
|
return {
|
|
581
|
-
...
|
|
582
|
+
...x,
|
|
582
583
|
// toolText: `<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${label}</div>${tooltipItems}`,
|
|
583
|
-
toolText: `<div style='font-size: 10px;font-weight:500;color:#
|
|
584
|
+
toolText: `<div style='font-size: 10px;font-weight:500;color:#2B2B2B;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px'>${b}</div>${w}`
|
|
584
585
|
};
|
|
585
586
|
})
|
|
586
587
|
};
|
|
@@ -588,7 +589,7 @@ const z = (e = {}) => {
|
|
|
588
589
|
return g({
|
|
589
590
|
type: "mscombidy2d",
|
|
590
591
|
key: e.key,
|
|
591
|
-
width: e.width ||
|
|
592
|
+
width: e.width || m,
|
|
592
593
|
height: e.height || "400",
|
|
593
594
|
dataSource: {
|
|
594
595
|
chart: {
|
|
@@ -600,17 +601,17 @@ const z = (e = {}) => {
|
|
|
600
601
|
sYAxisName: e.sYAxisName,
|
|
601
602
|
numberPrefix: t,
|
|
602
603
|
labelStep: p(n.length, e.labelStep),
|
|
603
|
-
palettecolors: r ? void 0 : e.palettecolors ||
|
|
604
|
+
palettecolors: r ? void 0 : e.palettecolors || S
|
|
604
605
|
},
|
|
605
606
|
categories: [{ category: n }],
|
|
606
607
|
dataset: d
|
|
607
608
|
}
|
|
608
609
|
});
|
|
609
610
|
}, se = (e = {}) => {
|
|
610
|
-
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = a?.category || [],
|
|
611
|
+
const t = e.graphLabel ? "" : y(e.numberPrefix), a = e.graphData, r = a?.category || [], o = a?.dataset || [];
|
|
611
612
|
return g({
|
|
612
613
|
type: "scrollline2d",
|
|
613
|
-
width: e?.width ||
|
|
614
|
+
width: e?.width || m,
|
|
614
615
|
height: e?.height || "400",
|
|
615
616
|
dataSource: {
|
|
616
617
|
chart: {
|
|
@@ -633,13 +634,13 @@ const z = (e = {}) => {
|
|
|
633
634
|
...e?.chartConfig || {}
|
|
634
635
|
},
|
|
635
636
|
categories: [{ category: r }],
|
|
636
|
-
dataset:
|
|
637
|
+
dataset: o
|
|
637
638
|
}
|
|
638
639
|
});
|
|
639
640
|
}, re = {
|
|
640
641
|
area: G,
|
|
641
|
-
bar2d:
|
|
642
|
-
column2d:
|
|
642
|
+
bar2d: M,
|
|
643
|
+
column2d: M,
|
|
643
644
|
doughnutChart: te,
|
|
644
645
|
groupChart: K,
|
|
645
646
|
line: U,
|