xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-11-09 15:43:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复数据看板饼图显示错误

Browse Source
This commit is contained in:
CaIon
2024-01-07 20:48:09 +08:00
parent 1c2bba8979
commit b91a269ddb
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/pages/Detail/index.js
View File

@@ -68,6 +68,7 @@ const Detail = (props) => {
id: 'id0', id: 'id0',
values: [ values: [
{ type: 'null', value: '0' }, { type: 'null', value: '0' },
{ type: 'null', value: '0' },
] ]
} }
], ],
@@ -181,14 +182,14 @@ const Detail = (props) => {
// 合并created_at和model_name 为 lineData, created_at 数据类型是小时的时间戳 // 合并created_at和model_name 为 lineData, created_at 数据类型是小时的时间戳
// 转换日期格式 // 转换日期格式
let createTime = timestamp2string1(item.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) { if (lineItem) {
lineItem.Usage += getQuotaWithUnit(quota); lineItem.Usage += parseFloat(getQuotaWithUnit(quota));
} else { } else {
lineData.push({ lineData.push({
"Time": createTime, "Time": createTime,
"Model": model_name, "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); pieData.sort((a, b) => b.value - a.value);
pieChart.updateData('id0', pieData); pieChart.updateData('id0', pieData);
lineChart.updateData('barData', lineData); lineChart.updateData('barData', lineData);
pieChart.reLayout();
lineChart.reLayout();
} }
useEffectOnce(() => { useEffect(() => {
if (!initialized.current) { if (!initialized.current) {
initialized.current = true; initialized.current = true;
initChart(); initChart();
} }
}); }, []);
return ( return (
<> <>
@@ -240,10 +242,10 @@ const Detail = (props) => {
</> </>
</Form> </Form>
<div style={{height: 500}}> <div style={{height: 500}}>
<div id="model_pie" style={{width: '100%'}}></div> <div id="model_pie" style={{width: '100%', minWidth: 100}}></div>
</div> </div>
<div style={{height: 500}}> <div style={{height: 500}}>
<div id="model_data" style={{width: '100%'}}></div> <div id="model_data" style={{width: '100%', minWidth: 100}}></div>
</div> </div>
</Layout.Content> </Layout.Content>
</Layout> </Layout>