@insync-stageplayer/plotly-chart 0.5.4-alpha.0 → 0.5.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/lib/Plotly.d.ts +1 -39
- package/lib/Plotly.d.ts.map +1 -1
- package/lib/Plotly.js +153 -51
- package/lib/Plotly.js.map +1 -1
- package/package.json +3 -2
package/lib/Plotly.d.ts
CHANGED
|
@@ -1,40 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
xRange: any;
|
|
3
|
-
data: any;
|
|
4
|
-
metadata: any;
|
|
5
|
-
onStopSelect: any;
|
|
6
|
-
xScaleTickFormat: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
export namespace PlotlyChart {
|
|
9
|
-
namespace defaultProps {
|
|
10
|
-
const xRange: null;
|
|
11
|
-
const data: never[];
|
|
12
|
-
const selectedTheme: null;
|
|
13
|
-
const metadata: never[];
|
|
14
|
-
function onStopSelect(): void;
|
|
15
|
-
}
|
|
16
|
-
namespace propTypes {
|
|
17
|
-
const xRange_1: PropTypes.Requireable<PropTypes.InferProps<{
|
|
18
|
-
from: PropTypes.Requireable<number>;
|
|
19
|
-
length: PropTypes.Requireable<number>;
|
|
20
|
-
}>>;
|
|
21
|
-
export { xRange_1 as xRange };
|
|
22
|
-
const data_1: PropTypes.Requireable<any[]>;
|
|
23
|
-
export { data_1 as data };
|
|
24
|
-
const selectedTheme_1: PropTypes.Requireable<PropTypes.InferProps<{
|
|
25
|
-
colors: PropTypes.Requireable<PropTypes.InferProps<{
|
|
26
|
-
background: PropTypes.Requireable<string>;
|
|
27
|
-
}>>;
|
|
28
|
-
}>>;
|
|
29
|
-
export { selectedTheme_1 as selectedTheme };
|
|
30
|
-
const metadata_1: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
31
|
-
name: PropTypes.Requireable<string>;
|
|
32
|
-
color: PropTypes.Requireable<string>;
|
|
33
|
-
}> | null | undefined)[]>;
|
|
34
|
-
export { metadata_1 as metadata };
|
|
35
|
-
const onStopSelect_1: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
|
-
export { onStopSelect_1 as onStopSelect };
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
import PropTypes from "prop-types";
|
|
1
|
+
export const PlotlyChart: any;
|
|
40
2
|
//# sourceMappingURL=Plotly.d.ts.map
|
package/lib/Plotly.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plotly.d.ts","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Plotly.d.ts","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"AAsDA,8BA+NE"}
|
package/lib/Plotly.js
CHANGED
|
@@ -1,28 +1,44 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useState } from "react";
|
|
2
2
|
import Plot from "react-plotly.js";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
|
|
5
|
-
|
|
4
|
+
import { useTheme as useSelectedTheme, styled, } from "@insync-stageplayer/ui-components";
|
|
5
|
+
import { withResizeDetector } from "react-resize-detector";
|
|
6
|
+
const convertMicrosecondstoDateFormat = (inputSeconds) => {
|
|
7
|
+
//First we will convert the date from microseconds to milliseconds
|
|
6
8
|
const convertXRangeFrom = new Date(+inputSeconds / 1000);
|
|
7
9
|
const dateFormatXRangeFrom = new Date(2020, 1, 8, convertXRangeFrom.getHours() - 1, convertXRangeFrom.getMinutes(), convertXRangeFrom.getSeconds(), convertXRangeFrom.getMilliseconds());
|
|
8
10
|
return dateFormatXRangeFrom;
|
|
9
11
|
};
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
const convertDateToMicroseconds = (inputDate) => {
|
|
13
|
+
const convertIntoDate = new Date(inputDate);
|
|
14
|
+
//we are getting all the value in milliseconds
|
|
15
|
+
return ((convertIntoDate.getHours() * 60 * 60 * 1000 +
|
|
16
|
+
convertIntoDate.getMinutes() * 60 * 1000 +
|
|
17
|
+
convertIntoDate.getSeconds() * 1000 +
|
|
18
|
+
convertIntoDate.getMilliseconds()) *
|
|
19
|
+
1000);
|
|
15
20
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const getMicroSecondStartAndLength = (originalFromDate, originalStopDate) => {
|
|
22
|
+
const from = convertDateToMicroseconds(originalFromDate);
|
|
23
|
+
const length = convertDateToMicroseconds(originalStopDate) -
|
|
24
|
+
convertDateToMicroseconds(originalFromDate);
|
|
25
|
+
return [from, length];
|
|
26
|
+
};
|
|
27
|
+
// update some cursors to be more clear
|
|
28
|
+
const StyledPlotly = styled(Plot) `
|
|
29
|
+
rect.nsewdrag.cursor-ew-resize {
|
|
30
|
+
cursor: zoom-in;
|
|
31
|
+
}
|
|
32
|
+
rect.ewdrag.cursor-ew-resize {
|
|
33
|
+
cursor: grab;
|
|
34
|
+
}
|
|
35
|
+
`;
|
|
36
|
+
export const PlotlyChart = withResizeDetector(({ xRange, data, metadata, onStopSelect, onDrag, xScaleTickFormat, scrubbing, yAxisLabel, displaySecondYAxis, displayArrow, }) => {
|
|
23
37
|
const [plotData, setPlotData] = useState([]);
|
|
24
38
|
const [layout, setLayout] = useState(null);
|
|
25
39
|
const selectedTheme = useSelectedTheme();
|
|
40
|
+
const [yAxisLabelLeft, setYAxisLabelLeft] = useState("");
|
|
41
|
+
const [yAxisLabelRight, setYAxisLabelRight] = useState("");
|
|
26
42
|
const updateLayout = useCallback(() => {
|
|
27
43
|
const annotations = [
|
|
28
44
|
{
|
|
@@ -33,63 +49,106 @@ onStopSelect, xScaleTickFormat, }) => {
|
|
|
33
49
|
y: 1,
|
|
34
50
|
yanchor: "bottom",
|
|
35
51
|
text: "",
|
|
36
|
-
showarrow:
|
|
52
|
+
showarrow: displayArrow,
|
|
37
53
|
arrowhead: 0,
|
|
38
54
|
ax: 0,
|
|
39
|
-
ay:
|
|
55
|
+
ay: 1000,
|
|
40
56
|
arrowcolor: "red",
|
|
41
57
|
},
|
|
42
58
|
];
|
|
43
59
|
const convertXRangeFrom = xScaleTickFormat.includes(":")
|
|
44
|
-
?
|
|
60
|
+
? convertMicrosecondstoDateFormat(+xRange.from)
|
|
45
61
|
: xRange.from / 1e6;
|
|
46
62
|
const convertXRangeTo = xScaleTickFormat.includes(":")
|
|
47
|
-
?
|
|
48
|
-
: xRange.from
|
|
49
|
-
|
|
63
|
+
? convertMicrosecondstoDateFormat(xRange.from + xRange.length)
|
|
64
|
+
: (xRange.from + xRange.length) / 1e6;
|
|
65
|
+
let defaultLayout = {
|
|
50
66
|
// this hovermode setting creates a hover-over legend for all the signals at the same time. It also adds a spike line
|
|
51
67
|
hovermode: "x unified",
|
|
52
68
|
yaxis: {
|
|
53
69
|
fixedrange: true,
|
|
54
70
|
range: [],
|
|
71
|
+
title: yAxisLabelLeft,
|
|
72
|
+
showline: true,
|
|
73
|
+
linecolor: metadata.length == 1 ? metadata[0].color : "white",
|
|
74
|
+
automargin: true,
|
|
55
75
|
},
|
|
56
76
|
xaxis: {
|
|
57
77
|
range: [convertXRangeFrom, convertXRangeTo],
|
|
58
|
-
// rangeslider: {}
|
|
59
78
|
tickformat: xScaleTickFormat.includes(":") ? "%M:%S" : null,
|
|
60
79
|
},
|
|
61
80
|
showlegend: false,
|
|
81
|
+
autosize: true,
|
|
62
82
|
margin: { l: 25, r: 20, t: 20, b: 20 },
|
|
63
83
|
paper_bgcolor: selectedTheme.colors.background,
|
|
64
84
|
plot_bgcolor: selectedTheme.colors.background,
|
|
85
|
+
font: { color: selectedTheme.colors.foreground },
|
|
65
86
|
};
|
|
66
|
-
|
|
67
|
-
|
|
87
|
+
// Check if a second y-axis needs to be added
|
|
88
|
+
if (displaySecondYAxis && metadata.length == 2) {
|
|
89
|
+
const yAxis = Object.assign(Object.assign({}, defaultLayout.yaxis), { linecolor: metadata[0].color });
|
|
90
|
+
const yAxis2 = {
|
|
91
|
+
fixedrange: true,
|
|
92
|
+
title: yAxisLabelRight,
|
|
93
|
+
anchor: "x",
|
|
94
|
+
overlaying: "y",
|
|
95
|
+
side: "right",
|
|
96
|
+
showline: true,
|
|
97
|
+
linecolor: metadata[1].color,
|
|
98
|
+
automargin: true,
|
|
99
|
+
};
|
|
100
|
+
defaultLayout = Object.assign(Object.assign({}, defaultLayout), { yaxis: yAxis, yaxis2: yAxis2 });
|
|
101
|
+
}
|
|
102
|
+
// when scrubbing plotly is in charge, this to prevent the xRange to update and mess while
|
|
103
|
+
// still scrubbing in plotly
|
|
104
|
+
if (!scrubbing) {
|
|
105
|
+
setLayout(Object.assign(Object.assign({}, defaultLayout), { annotations }));
|
|
106
|
+
}
|
|
107
|
+
}, [
|
|
108
|
+
selectedTheme,
|
|
109
|
+
xRange,
|
|
110
|
+
xScaleTickFormat,
|
|
111
|
+
yAxisLabelLeft,
|
|
112
|
+
yAxisLabelRight,
|
|
113
|
+
displaySecondYAxis,
|
|
114
|
+
displayArrow,
|
|
115
|
+
scrubbing,
|
|
116
|
+
metadata,
|
|
117
|
+
]);
|
|
68
118
|
const onRelayout = (e) => {
|
|
69
|
-
if (
|
|
70
|
-
const originalFromDate = e["xaxis.range[0]"];
|
|
71
|
-
const originalStopDate = e["xaxis.range[1]"];
|
|
72
|
-
const originalDifference = originalStopDate.getTime() - originalFromDate.getTime();
|
|
73
|
-
const originalFrom = convertDateToMilliseconds(originalFromDate);
|
|
74
|
-
const originalStop = convertDateToMilliseconds(originalDifference);
|
|
119
|
+
if (e["xaxis.range[0]"] && e["xaxis.range[1]"]) {
|
|
75
120
|
let selection;
|
|
76
|
-
if (
|
|
121
|
+
if (xScaleTickFormat.includes(":")) {
|
|
122
|
+
const [from, length] = getMicroSecondStartAndLength(e["xaxis.range[0]"], e["xaxis.range[1]"]);
|
|
77
123
|
selection = {
|
|
78
|
-
from:
|
|
79
|
-
length:
|
|
124
|
+
from: from,
|
|
125
|
+
length: length,
|
|
80
126
|
};
|
|
81
127
|
}
|
|
128
|
+
else {
|
|
129
|
+
selection = {
|
|
130
|
+
from: e["xaxis.range[0]"] * 1e6,
|
|
131
|
+
length: (e["xaxis.range[1]"] - e["xaxis.range[0]"]) * 1e6,
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
onStopSelect({ selection });
|
|
82
135
|
}
|
|
83
|
-
else {
|
|
84
|
-
selection = {
|
|
85
|
-
from: e["xaxis.range[0]"] * 1e6,
|
|
86
|
-
length: (e["xaxis.range[1]"] - e["xaxis.range[0]"]) * 1e6,
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
onStopSelect({ selection });
|
|
90
136
|
};
|
|
91
|
-
const onRelayouting = () => {
|
|
92
|
-
|
|
137
|
+
const onRelayouting = (e) => {
|
|
138
|
+
if (e["xaxis.range[0]"] && e["xaxis.range[1]"]) {
|
|
139
|
+
let seekTime;
|
|
140
|
+
if (xScaleTickFormat.includes(":")) {
|
|
141
|
+
const [from, length] = getMicroSecondStartAndLength(e["xaxis.range[0]"], e["xaxis.range[1]"]);
|
|
142
|
+
seekTime = (length / 2 + from) * 1e6;
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
seekTime =
|
|
146
|
+
((e["xaxis.range[1]"] - e["xaxis.range[0]"]) / 2 +
|
|
147
|
+
e["xaxis.range[0]"]) *
|
|
148
|
+
1e6;
|
|
149
|
+
}
|
|
150
|
+
onDrag(seekTime);
|
|
151
|
+
}
|
|
93
152
|
};
|
|
94
153
|
useEffect(() => {
|
|
95
154
|
updateLayout();
|
|
@@ -97,7 +156,7 @@ onStopSelect, xScaleTickFormat, }) => {
|
|
|
97
156
|
data.forEach((signal, idx) => {
|
|
98
157
|
const x = signal.map((item) => {
|
|
99
158
|
if (xScaleTickFormat.includes(":")) {
|
|
100
|
-
const xDateFormatted =
|
|
159
|
+
const xDateFormatted = convertMicrosecondstoDateFormat(+item.x);
|
|
101
160
|
return xDateFormatted;
|
|
102
161
|
}
|
|
103
162
|
else {
|
|
@@ -112,25 +171,62 @@ onStopSelect, xScaleTickFormat, }) => {
|
|
|
112
171
|
x,
|
|
113
172
|
y,
|
|
114
173
|
type: "scattergl",
|
|
115
|
-
mode:
|
|
174
|
+
mode: metadata[idx].frequency * (xRange.length / 1000 / 1000) > 250
|
|
175
|
+
? "lines"
|
|
176
|
+
: "lines+markers",
|
|
116
177
|
name: metadata[idx].name,
|
|
117
|
-
|
|
178
|
+
marker: {
|
|
118
179
|
color: metadata[idx].color,
|
|
119
|
-
|
|
180
|
+
size: 5,
|
|
181
|
+
line: {
|
|
182
|
+
color: metadata[idx].color,
|
|
183
|
+
width: 1,
|
|
184
|
+
},
|
|
120
185
|
},
|
|
121
186
|
};
|
|
122
187
|
plotDataArr.push(signalData);
|
|
123
188
|
});
|
|
189
|
+
// Check if a second y-axis needs to be added
|
|
190
|
+
if (displaySecondYAxis && metadata.length == 2) {
|
|
191
|
+
plotDataArr[1] = Object.assign(Object.assign({}, plotDataArr[1]), { yaxis: "y2" });
|
|
192
|
+
}
|
|
193
|
+
// Setting y-axis labels if needed and meeting the requirements
|
|
194
|
+
if (metadata.length == 1) {
|
|
195
|
+
setYAxisLabelLeft(yAxisLabel ? metadata[0].name : "");
|
|
196
|
+
}
|
|
197
|
+
else if (metadata.length == 2 && displaySecondYAxis) {
|
|
198
|
+
setYAxisLabelLeft(yAxisLabel ? metadata[0].name : "");
|
|
199
|
+
setYAxisLabelRight(yAxisLabel ? metadata[1].name : "");
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
setYAxisLabelLeft("");
|
|
203
|
+
setYAxisLabelRight("");
|
|
204
|
+
}
|
|
124
205
|
setPlotData(plotDataArr);
|
|
125
|
-
}, [
|
|
126
|
-
|
|
127
|
-
|
|
206
|
+
}, [
|
|
207
|
+
data,
|
|
208
|
+
metadata,
|
|
209
|
+
updateLayout,
|
|
210
|
+
xScaleTickFormat,
|
|
211
|
+
xRange,
|
|
212
|
+
scrubbing,
|
|
213
|
+
yAxisLabel,
|
|
214
|
+
displaySecondYAxis,
|
|
215
|
+
]);
|
|
216
|
+
return (React.createElement(StyledPlotly, { useResizeHandler: true, className: "plot-div", data: plotData, layout: layout, style: { width: "100%", height: "100%" }, config: { displaylogo: false, displayModeBar: false, responsive: true }, onRelayout: (e) => onRelayout(e), onRelayouting: (e) => onRelayouting(e) }));
|
|
217
|
+
});
|
|
128
218
|
PlotlyChart.defaultProps = {
|
|
129
219
|
xRange: null,
|
|
130
220
|
data: [],
|
|
131
|
-
selectedTheme: null,
|
|
132
221
|
metadata: [],
|
|
133
222
|
onStopSelect: () => { },
|
|
223
|
+
onDrag: () => { },
|
|
224
|
+
xScaleTickFormat: "SS",
|
|
225
|
+
scrubbing: false,
|
|
226
|
+
yAxisLabel: false,
|
|
227
|
+
displaySecondYAxis: false,
|
|
228
|
+
displayArrow: true,
|
|
229
|
+
selectedTheme: null,
|
|
134
230
|
};
|
|
135
231
|
const dataElement = PropTypes.shape({
|
|
136
232
|
x: PropTypes.number,
|
|
@@ -146,12 +242,18 @@ PlotlyChart.propTypes = {
|
|
|
146
242
|
length: PropTypes.number,
|
|
147
243
|
}),
|
|
148
244
|
data: PropTypes.arrayOf(PropTypes.arrayOf(dataElement), PropTypes.arrayOf(dataElement)),
|
|
245
|
+
metadata: PropTypes.arrayOf(metadataElement),
|
|
246
|
+
onStopSelect: PropTypes.func,
|
|
247
|
+
onDrag: PropTypes.func,
|
|
248
|
+
xScaleTickFormat: PropTypes.string,
|
|
249
|
+
scrubbing: PropTypes.bool,
|
|
250
|
+
yAxisLabel: PropTypes.bool,
|
|
251
|
+
displaySecondYAxis: PropTypes.bool,
|
|
252
|
+
displayArrow: PropTypes.bool,
|
|
149
253
|
selectedTheme: PropTypes.shape({
|
|
150
254
|
colors: PropTypes.shape({
|
|
151
255
|
background: PropTypes.string,
|
|
152
256
|
}),
|
|
153
257
|
}),
|
|
154
|
-
metadata: PropTypes.arrayOf(metadataElement),
|
|
155
|
-
onStopSelect: PropTypes.func,
|
|
156
258
|
};
|
|
157
259
|
//# sourceMappingURL=Plotly.js.map
|
package/lib/Plotly.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plotly.js","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"Plotly.js","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@insync-stageplayer/plotly-chart",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.11",
|
|
4
4
|
"description": "Plotly Cjart module for stageplayer",
|
|
5
5
|
"author": "Priya Gupta",
|
|
6
6
|
"homepage": "https://github.com/Noterik/insync-stageplayer#readme",
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"react-move-hook": "^0.1.0-alpha.0",
|
|
42
42
|
"react-plotly.js": "^2.6.0",
|
|
43
43
|
"react-redux": "^7.2.2",
|
|
44
|
+
"react-resize-detector": "^9.1.0",
|
|
44
45
|
"reduce-reducers": "^1.0.4",
|
|
45
46
|
"redux": "^4.0.5",
|
|
46
47
|
"reselect": "^4.0.0",
|
|
@@ -53,5 +54,5 @@
|
|
|
53
54
|
"@types/react-plotly.js": "^2.6.0",
|
|
54
55
|
"rxjs": "^6.6.6"
|
|
55
56
|
},
|
|
56
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "d8138fa1cd0f625ee160306eb2af9403f267a651"
|
|
57
58
|
}
|