m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-01 12:29:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed chart.

Browse Source
This commit is contained in:
Mike Cao 2024-06-19 22:22:18 -07:00
parent b1024c71de
commit 3217ef3df3
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/metrics/PageviewsChart.tsx
View File

@ -3,20 +3,20 @@ import BarChart, { BarChartProps } from 'components/charts/BarChart';
import { useLocale, useTheme, useMessages } from 'components/hooks';
import { renderDateLabels } from 'lib/charts';
export interface PageviewsChartProps extends BarChartProps {
export interface PagepageviewsChartProps extends BarChartProps {
data: {
views: any[];
visitors: any[];
pageviews: any[];
sessions: any[];
compare?: {
views: any[];
visitors: any[];
pageviews: any[];
sessions: any[];
};
};
unit: string;
isLoading?: boolean;
}
export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsChartProps) {
export function PagepageviewsChart({ data, unit, isLoading, ...props }: PagepageviewsChartProps) {
const { formatMessage, labels } = useMessages();
const { colors } = useTheme();
const { locale } = useLocale();
@ -29,15 +29,15 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
return {
datasets: [
{
label: formatMessage(labels.visitors),
data: data.visitors,
label: formatMessage(labels.sessions),
data: data.sessions,
borderWidth: 1,
...colors.chart.visitors,
order: 3,
},
{
label: formatMessage(labels.views),
data: data.views,
label: formatMessage(labels.pageviews),
data: data.pageviews,
borderWidth: 1,
...colors.chart.views,
order: 4,
@ -46,8 +46,8 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
? [
{
type: 'line',
label: `${formatMessage(labels.views)} (${formatMessage(labels.previous)})`,
data: data.compare.views,
label: `${formatMessage(labels.pageviews)} (${formatMessage(labels.previous)})`,
data: data.compare.pageviews,
borderWidth: 2,
backgroundColor: '#8601B0',
borderColor: '#8601B0',
@ -55,8 +55,8 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
},
{
type: 'line',
label: `${formatMessage(labels.visitors)} (${formatMessage(labels.previous)})`,
data: data.compare.visitors,
label: `${formatMessage(labels.sessions)} (${formatMessage(labels.previous)})`,
data: data.compare.sessions,
borderWidth: 2,
backgroundColor: '#f15bb5',
borderColor: '#f15bb5',
@ -79,4 +79,4 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
);
}
export default PageviewsChart;
export default PagepageviewsChart;

6
src/components/metrics/RealtimeChart.tsx
View File

@ -18,12 +18,12 @@ export function RealtimeChart({ data, unit, ...props }: RealtimeChartProps) {
const chartData = useMemo(() => {
if (!data) {
return { views: [], visitors: [] };
return { pageviews: [], sessions: [] };
}
return {
views: getDateArray(data.series.views, startDate, endDate, unit),
visitors: getDateArray(data.series.visitors, startDate, endDate, unit),
pageviews: getDateArray(data.series.views, startDate, endDate, unit),
sessions: getDateArray(data.series.visitors, startDate, endDate, unit),
};
}, [data, startDate, endDate, unit]);