bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

fmts dates in timeline better for larger timeframes

Browse Source
This commit is contained in:
Lachlan Kermode
2020-02-28 08:03:10 +13:00
parent 958afb6a41
commit b977a9a44f
4 changed files with 33 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/TimelineAxis.jsx
View File

@@ -12,20 +12,35 @@ class TimelineAxis extends React.Component {
}
componentDidUpdate () {
let fstFmt, sndFmt
// 10yrs
if (this.props.extent > 5256000) {
fstFmt = '%Y'
sndFmt = ''
// 1yr
} else if (this.props.extent > 43200) {
sndFmt = '%Y'
fstFmt = '%d %b'
} else {
sndFmt = '%d %b'
fstFmt = '%H:%M'
}
if (this.props.scaleX) {
this.x0 =
d3.axisBottom(this.props.scaleX)
.ticks(10)
.tickPadding(5)
.tickSize(this.props.dims.trackHeight)
.tickFormat(d3.timeFormat('%d %b'))
.tickFormat(d3.timeFormat(fstFmt))
this.x1 =
d3.axisBottom(this.props.scaleX)
.ticks(10)
.tickPadding(this.props.dims.margin_top)
.tickSize(0)
.tickFormat(d3.timeFormat('%H:%M'))
.tickFormat(d3.timeFormat(sndFmt))
if (!this.state.isInitialized) this.setState({ isInitialized: true })
}