fix(可视化): 设备详情中可视化图表日期显示问题

格式化日期时间戳 fix #175
jetlinks · Sep 3, 2020 · 4a2d902 · 4a2d902
1 parent 594013c
commit 4a2d902
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/pages/device/visualization/charts/LineChart.tsx b/src/pages/device/visualization/charts/LineChart.tsx
@@ -5,6 +5,7 @@ import { ComponentProps } from "..";
 import apis from "@/services";
 import styles from '../index.less';
 import { getWebsocket } from "@/layouts/GlobalWebSocket";
+import moment from "moment";
 
 interface Props extends ComponentProps {
     config: any;
@@ -80,7 +81,7 @@ const LineChart = (props: Props) => {
             ).subscribe(
                 (resp: any) => {
                     const { payload } = resp;
-                    data.push({ year: payload.timestamp, value: payload.value.value });
+                    data.push({ year: moment(payload.timestamp).format('YYYY-MM-DD HH:mm:ss'), value: payload.value.value });
                     if (data.length > props.config.history) data.shift();
                     setData([...data]);
                 }
@@ -91,7 +92,7 @@ const LineChart = (props: Props) => {
             apis.visualization.getDashboardData(params).then(response => {
                 if (response.status === 200) {
                     const { result } = response;
-                    const tempData = result.map((item: any) => ({ year: item.data.timestamp, value: item.data.value.value }));
+                    const tempData = result.map((item: any) => ({ year: moment(item.data.timestamp).format('YYYY-MM-DD HH:mm:ss'), value: item.data.value.value }));
                     setData(tempData);
                 }
             })