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

Update chart tooltip.

Browse Source
This commit is contained in:
Mike Cao 2020-09-13 20:09:18 -07:00
parent 0d4a2e2a0e
commit 38ec91c48e
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/metrics/BarChart.js
View File

@ -44,9 +44,9 @@ export default function BarChart({
return dateFormat(d, 'EEE M/d', locale); return dateFormat(d, 'EEE M/d', locale);
case 'month': case 'month':
if (w <= 660) { if (w <= 660) {
return dateFormat(d, 'MMM', locale); return index % 2 === 0 ? dateFormat(d, 'MMM', locale) : '';
} }
return dateFormat(d, 'MMMM', locale); return dateFormat(d, 'MMM', locale);
default: default:
return label; return label;
} }
@ -65,7 +65,7 @@ export default function BarChart({
const [label, value] = body[0].lines[0].split(':'); const [label, value] = body[0].lines[0].split(':');
setTooltip({ setTooltip({
title: dateFormat(new Date(+title[0]), 'EEE MMMM d yyyy', locale), title: dateFormat(new Date(+title[0]), getTooltipFormat(unit), locale),
value, value,
label, label,
labelColor: labelColors[0].backgroundColor, labelColor: labelColors[0].backgroundColor,
@ -73,6 +73,15 @@ export default function BarChart({
} }
} }
function getTooltipFormat(unit) {
switch (unit) {
case 'hour':
return 'EEE ha — MMM d yyyy';
default:
return 'EEE MMMM d yyyy';
}
}
function createChart() { function createChart() {
const options = { const options = {
animation: { animation: {

2
components/metrics/MetricCard.module.css
View File

@ -2,7 +2,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
min-width: 120px; min-width: 140px;
padding-right: 20px; padding-right: 20px;
} }