status-im/fathom
2
0
Fork 0
mirror of https://github.com/status-im/fathom.git synced 2025-03-01 03:20:27 +00:00
Code Issues Projects Releases Wiki Activity

remove hidden ticks instead of toggling display. needs benchmark.

Browse Source
This commit is contained in:
Danny 2018-06-05 15:21:44 +02:00
parent 30749cf7af
commit 8a4c2a72f5
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/src/js/components/Chart.js vendored
View File

@ -149,6 +149,9 @@ class Chart extends Component {
let y = this.y.domain([0, (max*1.1)])
let yAxis = d3.axisLeft().scale(y).ticks(3).tickSize(-innerWidth)
let xAxis = d3.axisBottom().scale(x).tickFormat(timeFormatPicker(data.length))
window.xAxis = xAxis;
window.data = data;
// empty previous graph
graph.selectAll('*').remove()
@ -163,13 +166,7 @@ class Chart extends Component {
.call(xAxis)
// hide all "day" ticks if we're watching more than 100 days of data
xTicks.selectAll('g').style('display', (d, i) => {
if(data.length > 100 && d.getDate() > 1 ) {
return 'none';
}
return '';
})
xTicks.selectAll('g').filter(d => data.length > 100 && d.getDate() > 1).remove()
// add data for each day
let days = graph.selectAll('g.day').data(data).enter()