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

fix(web): sort line chart data according to time order (#1639)

Browse Source
This commit is contained in:
chenluli
2024-06-17 21:33:54 +08:00
committed by GitHub
parent e1e94f997a
commit 49b56b4576
5 changed files with 47 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/chart/autoChart/index.tsx
View File

@@ -9,6 +9,7 @@ import { AutoChartProps, ChartType, CustomAdvisorConfig, CustomChart, Specificat
import { customCharts } from './charts';
import { ChatContext } from '@/app/chat-context';
import { compact, concat, uniq } from 'lodash';
import { sortData } from './charts/util';
const { Option } = Select;
@@ -81,7 +82,7 @@ export const AutoChart = (props: AutoChartProps) => {
setAdvices(allAdvices);
setRenderChartType(allAdvices[0]?.type as ChartType);
}
}, [data, advisor, chartType]);
}, [JSON.stringify(data), advisor, chartType]);
const visComponent = useMemo(() => {
/* Advices exist, render the chart. */
@@ -89,6 +90,13 @@ export const AutoChart = (props: AutoChartProps) => {
const chartTypeInput = renderChartType ?? advices[0].type;
const spec: Specification = advices?.find((item: Advice) => item.type === chartTypeInput)?.spec ?? undefined;
if (spec) {
if (spec.data && ['line_chart', 'step_line_chart'].includes(chartTypeInput)) {
// 处理 ava 内置折线图的排序问题
const dataAnalyzerOutput = advisor?.dataAnalyzer.execute({ data })
if (dataAnalyzerOutput && 'dataProps' in dataAnalyzerOutput) {
spec.data = sortData({ data: spec.data, xField: dataAnalyzerOutput.dataProps?.find(field => field.recommendation === 'date'), chartType: chartTypeInput });
}
}
return (
<Chart
key={chartTypeInput}