github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-09-11 22:09:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): Unified frontend code style (#1923)

Browse Source 
Co-authored-by: Fangyin Cheng <staneyffer@gmail.com>
Co-authored-by: 谨欣 <echo.cmy@antgroup.com>
Co-authored-by: 严志勇 <yanzhiyong@tiansuixiansheng.com>
Co-authored-by: yanzhiyong <932374019@qq.com>
This commit is contained in:
Dreammy23
2024-08-30 14:03:06 +08:00
committed by GitHub
parent f866580703
commit 471689ba20
247 changed files with 4960 additions and 4546 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
web/components/chart/autoChart/charts/util.ts
View File

@@ -1,6 +1,6 @@
import type { Datum, FieldInfo } from "@antv/ava";
import type { Datum, FieldInfo } from '@antv/ava';
import { cloneDeep, uniq } from 'lodash';
import { hasSubset, intersects } from '../advisor/utils';
import { cloneDeep, uniq } from "lodash";
/**
* Process date column to new Date().
@@ -9,7 +9,7 @@ import { cloneDeep, uniq } from "lodash";
* @returns
*/
export function processDateEncode(field: string, dataProps: FieldInfo[]) {
const dp = dataProps.find((dataProp) => dataProp.name === field);
const dp = dataProps.find(dataProp => dataProp.name === field);
if (dp?.recommendation === 'date') {
return (d: any) => new Date(d[field]);
@@ -18,16 +18,16 @@ export function processDateEncode(field: string, dataProps: FieldInfo[]) {
}
export function findOrdinalField(fields: FieldInfo[]) {
return fields.find((field) => field.levelOfMeasurements && intersects(field.levelOfMeasurements, ['Time', 'Ordinal']));
return fields.find(field => field.levelOfMeasurements && intersects(field.levelOfMeasurements, ['Time', 'Ordinal']));
}
export function findNominalField(fields: FieldInfo[]) {
return fields.find((field) => field.levelOfMeasurements && hasSubset(field.levelOfMeasurements, ['Nominal']));
return fields.find(field => field.levelOfMeasurements && hasSubset(field.levelOfMeasurements, ['Nominal']));
}
// 识别 x 轴是否只有一条数据（绘制的折线图是否只有一个点）
export const isUniqueXValue = ({ data, xField }: { xField: string; data: Datum[] }): boolean => {
const uniqXValues = uniq(data.map((datum) => datum[xField]));
const uniqXValues = uniq(data.map(datum => datum[xField]));
return uniqXValues.length <= 1;
};
@@ -43,40 +43,42 @@ export const getLineSize = (
const { field4Split, field4X } = fields;
if (field4Split?.name && field4X?.name) {
const seriesValue = datum[field4Split.name];
const splitData = allData.filter((item) => field4Split.name && item[field4Split.name] === seriesValue);
const splitData = allData.filter(item => field4Split.name && item[field4Split.name] === seriesValue);
return isUniqueXValue({ data: splitData, xField: field4X.name }) ? 5 : undefined;
}
return field4X?.name && isUniqueXValue({ data: allData, xField: field4X.name }) ? 5 : undefined;
};
export const sortData = ({ data, chartType, xField }: {
data: Datum[];
xField?: FieldInfo;
chartType: string;
}) => {
const sortedData = cloneDeep(data)
export const sortData = ({ data, chartType, xField }: { data: Datum[]; xField?: FieldInfo; chartType: string }) => {
const sortedData = cloneDeep(data);
try {
// 折线图绘制需要将数据点按照日期从小到大的顺序排序和连线
if (chartType.includes('line') && xField?.name && xField.recommendation === 'date') {
sortedData.sort((datum1, datum2) => new Date(datum1[xField.name as string]).getTime() - new Date(datum2[xField.name as string]).getTime())
return sortedData
sortedData.sort(
(datum1, datum2) =>
new Date(datum1[xField.name as string]).getTime() - new Date(datum2[xField.name as string]).getTime(),
);
return sortedData;
}
// 如果折线图横轴是数值类型，则按照数值大小排序
if (chartType.includes('line') && xField?.name && ['float', 'integer'].includes(xField.recommendation)) {
sortedData.sort((datum1, datum2) => (datum1[xField.name as string] as number) - (datum2[xField.name as string] as number))
return sortedData
sortedData.sort(
(datum1, datum2) => (datum1[xField.name as string] as number) - (datum2[xField.name as string] as number),
);
return sortedData;
}
} catch (err) {
console.error(err)
console.error(err);
}
return sortedData
}
return sortedData;
};
/** 数据空值处理：后端返回的空数据为 '-', 在展示为图表时会有问题，修改为 null */
export const processNilData = (data: Datum[], emptyValue = '-') => data.map((datum) => {
const processedDatum: Record<string, string | number | null> = {};
Object.keys(datum).forEach((key) => {
processedDatum[key] = datum[key] === emptyValue ? null : datum[key];
export const processNilData = (data: Datum[], emptyValue = '-') =>
data.map(datum => {
const processedDatum: Record<string, string | number | null> = {};
Object.keys(datum).forEach(key => {
processedDatum[key] = datum[key] === emptyValue ? null : datum[key];
});
return processedDatum;
});
return processedDatum;
});