m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 15:23:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Include pixel density to scale along Bar Chart width

Browse Source
This commit is contained in:
Sammy-T 2021-03-16 11:12:51 -04:00
parent 4b9e7e9218
commit ae8f642720
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/metrics/BarChart.js
View File

@ -40,7 +40,7 @@ export default function BarChart({
function renderXLabel(label, index, values) { function renderXLabel(label, index, values) {
if (loading) return ''; if (loading) return '';
const d = new Date(values[index].value); const d = new Date(values[index].value);
const w = canvas.current.width; const sw = canvas.current.width / window.devicePixelRatio;
switch (unit) { switch (unit) {
case 'minute': case 'minute':
@ -49,20 +49,20 @@ export default function BarChart({
return dateFormat(d, 'p', locale); return dateFormat(d, 'p', locale);
case 'day': case 'day':
if (records > 31) { if (records > 31) {
if (w <= 500) { if (sw <= 250) {
return index % 10 === 0 ? dateFormat(d, 'M/d', locale) : ''; return index % 10 === 0 ? dateFormat(d, 'M/d', locale) : '';
} }
return index % 5 === 0 ? dateFormat(d, 'M/d', locale) : ''; return index % 5 === 0 ? dateFormat(d, 'M/d', locale) : '';
} }
if (w <= 750) { if (sw <= 375) {
return index % 2 === 0 ? dateFormat(d, 'MMM d', locale) : ''; return index % 2 === 0 ? dateFormat(d, 'MMM d', locale) : '';
} }
if (w <= 850) { if (sw <= 425) {
return dateFormat(d, 'MMM d', locale); return dateFormat(d, 'MMM d', locale);
} }
return dateFormat(d, 'EEE M/d', locale); return dateFormat(d, 'EEE M/d', locale);
case 'month': case 'month':
if (w <= 660) { if (sw <= 330) {
return index % 2 === 0 ? dateFormat(d, 'MMM', locale) : ''; return index % 2 === 0 ? dateFormat(d, 'MMM', locale) : '';
} }
return dateFormat(d, 'MMM', locale); return dateFormat(d, 'MMM', locale);