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

only add day elements for days with data

Browse Source
This commit is contained in:
Danny 2018-06-05 15:31:49 +02:00
parent c845a39295
commit 0d8e1d2588
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -131,7 +131,7 @@ class Chart extends Component {
@bind @bind
redrawChart() { redrawChart() {
const data = this.state.data; let data = this.state.data;
this.base.parentNode.style.display = data.length <= 1 ? 'none' : ''; this.base.parentNode.style.display = data.length <= 1 ? 'none' : '';
if(data.length <= 1) { if(data.length <= 1) {
return; return;
@ -150,9 +150,6 @@ class Chart extends Component {
let yAxis = d3.axisLeft().scale(y).ticks(3).tickSize(-innerWidth) let yAxis = d3.axisLeft().scale(y).ticks(3).tickSize(-innerWidth)
let xAxis = d3.axisBottom().scale(x).tickFormat(timeFormatPicker(data.length)) let xAxis = d3.axisBottom().scale(x).tickFormat(timeFormatPicker(data.length))
window.xAxis = xAxis;
window.data = data;
// empty previous graph // empty previous graph
graph.selectAll('*').remove() graph.selectAll('*').remove()
@ -170,8 +167,8 @@ class Chart extends Component {
xTicks.selectAll('g').filter(d => d.getDate() > 1).remove() xTicks.selectAll('g').filter(d => d.getDate() > 1).remove()
} }
// add data for each day // add data for each day that we have something to show for
let days = graph.selectAll('g.day').data(data).enter() let days = graph.selectAll('g.day').data(data.filter(d => d.Pageviews > 0 || d.Visitors > 0)).enter()
.append('g') .append('g')
.attr('class', 'day') .attr('class', 'day')
.attr('transform', function (d, i) { return "translate(" + x(d.Date) + ", 0)" }) .attr('transform', function (d, i) { return "translate(" + x(d.Date) + ", 0)" })