Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
SPP 2143 Learning Through Connecting
ltc_website
Commits
48821021
Commit
48821021
authored
Sep 21, 2021
by
amarcic
Browse files
timeline: sorting data by period begin
parent
dfc235d1
Changes
2
Hide whitespace changes
Inline
Side-by-side
src/components/Timeline/Timeline.jsx
View file @
48821021
...
...
@@ -12,7 +12,9 @@ export const Timeline = (props) => {
const
[
dimensions
,
setDimensions
]
=
useState
({
width
:
0
,
height
:
0
,
margin
:
{
top
:
0
,
right
:
0
,
left
:
0
,
bottom
:
0
}});
const
{
timelineObjectsData
}
=
props
;
const
filteredTimelineData
=
timelineObjectsData
&&
timelineObjectsData
.
filter
(
datapoint
=>
datapoint
.
periodSpans
?.[
0
]
!==
undefined
||
datapoint
.
periodSpans
?.
length
>
1
);
const
filteredTimelineData
=
timelineObjectsData
&&
timelineObjectsData
.
filter
(
datapoint
=>
datapoint
.
periodSpans
?.[
0
]
!==
undefined
||
datapoint
.
periodSpans
?.
length
>
1
);
useEffect
(
()
=>
{
let
currentDimensions
=
getDimensions
(
"
timelineContainer
"
);
...
...
src/components/Timeline/TimelineChart.jsx
View file @
48821021
...
...
@@ -14,12 +14,16 @@ export const TimelineChart = (props) => {
//const filteredTimelineData = props.filteredTimelineData;
console
.
log
(
"
dimensions
"
,
props
.
dimensions
)
const
xDomain
=
getTimeRangeOfTimelineData
(
props
.
filteredTimelineData
,
"
period
"
);
const
data
=
newGroupByPeriods
(
props
.
filteredTimelineData
);
const
dataUnsorted
=
newGroupByPeriods
(
props
.
filteredTimelineData
);
const
data
=
dataUnsorted
&&
new
Map
([...
dataUnsorted
.
entries
()]
.
sort
(
(
a
,
b
)
=>
a
[
1
].
periodSpan
[
0
]
-
b
[
1
].
periodSpan
[
0
]
));
const
timelineData
=
{
xDomain
,
data
,
svgRef
};
//console.log(timelineObjectsData);
console
.
log
(
"
filteredTimelineData:
"
,
props
.
filteredTimelineData
);
//console.log("filteredTimelineData: ", props.filteredTimelineData);
//console.log("grouped by periods: ", data)
//console.log("sorted data: ", dataUnsorted)
//setting up the svg after first render
useEffect
(()
=>
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment