diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js index ad3ce51..84808e3 100644 --- a/web/src/pages/Detail/index.js +++ b/web/src/pages/Detail/index.js @@ -68,6 +68,7 @@ const Detail = (props) => { id: 'id0', values: [ { type: 'null', value: '0' }, + { type: 'null', value: '0' }, ] } ], @@ -181,14 +182,14 @@ const Detail = (props) => { // 合并created_at和model_name 为 lineData, created_at 数据类型是小时的时间戳 // 转换日期格式 let createTime = timestamp2string1(item.created_at); - let lineItem = lineData.find(item => item.Time === item.createTime && item.Model === model_name); + let lineItem = lineData.find(item => item.Time === createTime && item.Model === model_name); if (lineItem) { - lineItem.Usage += getQuotaWithUnit(quota); + lineItem.Usage += parseFloat(getQuotaWithUnit(quota)); } else { lineData.push({ "Time": createTime, "Model": model_name, - "Usage": getQuotaWithUnit(quota) + "Usage": parseFloat(getQuotaWithUnit(quota)) }); } @@ -197,15 +198,16 @@ const Detail = (props) => { pieData.sort((a, b) => b.value - a.value); pieChart.updateData('id0', pieData); lineChart.updateData('barData', lineData); - + pieChart.reLayout(); + lineChart.reLayout(); } - useEffectOnce(() => { + useEffect(() => { if (!initialized.current) { initialized.current = true; initChart(); } - }); + }, []); return ( <> @@ -240,10 +242,10 @@ const Detail = (props) => { >