From b89cc6fb26716c551db51f7507580cc800b84d6a Mon Sep 17 00:00:00 2001 From: Gabe Kangas Date: Tue, 15 Dec 2020 19:52:01 -0800 Subject: [PATCH] Fine, use a string instead of date object --- web/pages/components/chart.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/web/pages/components/chart.tsx b/web/pages/components/chart.tsx index 3efae8ecc..019411d1f 100644 --- a/web/pages/components/chart.tsx +++ b/web/pages/components/chart.tsx @@ -1,6 +1,7 @@ import { LineChart } from 'react-chartkick' import styles from '../../styles/styles.module.scss'; import 'chart.js'; +import format from 'date-fns/format' interface TimedValue { time: Date; @@ -19,7 +20,8 @@ function createGraphDataset(dataArray) { const dataValues = {}; dataArray.forEach(item => { const dateObject = new Date(item.time); - dataValues[dateObject] = item.value; + const dateString = format(dateObject, 'p P'); + dataValues[dateString] = item.value; }) return dataValues; }