From f5cd87feb9c302a17680b93ef8b3dff79cb120ad Mon Sep 17 00:00:00 2001 From: Danny van Kooten Date: Fri, 23 Nov 2018 08:49:38 +0100 Subject: [PATCH] pretty number format in chart y-axes --- assets/src/js/components/Chart.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/src/js/components/Chart.js b/assets/src/js/components/Chart.js index 5e992b02..62dc995b 100644 --- a/assets/src/js/components/Chart.js +++ b/assets/src/js/components/Chart.js @@ -3,7 +3,7 @@ import { h, Component } from 'preact'; import Client from '../lib/client.js'; import { bind } from 'decko'; - +import * as numbers from '../lib/numbers.js'; import * as d3 from 'd3'; import 'd3-transition'; d3.tip = require('d3-tip'); @@ -181,7 +181,7 @@ class Chart extends Component { const max = d3.max(data, d => d.Pageviews); let x = this.x.domain(data.map(d => d.Date)) 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)) // hide all "day" ticks if we're watching more than 31 items of data