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

pretty number format in chart y-axes

Browse Source
This commit is contained in:
Danny van Kooten 2018-11-23 08:49:38 +01:00
parent a8e2989f3a
commit f5cd87feb9
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,7 @@
import { h, Component } from 'preact'; import { h, Component } from 'preact';
import Client from '../lib/client.js'; import Client from '../lib/client.js';
import { bind } from 'decko'; import { bind } from 'decko';
import * as numbers from '../lib/numbers.js';
import * as d3 from 'd3'; import * as d3 from 'd3';
import 'd3-transition'; import 'd3-transition';
d3.tip = require('d3-tip'); d3.tip = require('d3-tip');
@ -181,7 +181,7 @@ class Chart extends Component {
const max = d3.max(data, d => d.Pageviews); const max = d3.max(data, d => d.Pageviews);
let x = this.x.domain(data.map(d => d.Date)) let x = this.x.domain(data.map(d => d.Date))
let y = this.y.domain([0, max*1.1]) let y = this.y.domain([0, max*1.1])
let yAxis = d3.axisLeft().scale(y).ticks(3).tickSize(-innerWidth) let yAxis = d3.axisLeft().scale(y).ticks(3).tickSize(-innerWidth).tickFormat((v, i) => numbers.formatPretty(v))
let xAxis = d3.axisBottom().scale(x).tickFormat(timeFormatPicker(data.length, this.state.diffInDays)) let xAxis = d3.axisBottom().scale(x).tickFormat(timeFormatPicker(data.length, this.state.diffInDays))
// hide all "day" ticks if we're watching more than 31 items of data // hide all "day" ticks if we're watching more than 31 items of data