diff --git a/src/views/Company/components/MarketDataView/components/panels/TradeDataPanel/KLineModule.tsx b/src/views/Company/components/MarketDataView/components/panels/TradeDataPanel/KLineModule.tsx index b899048b..38582a10 100644 --- a/src/views/Company/components/MarketDataView/components/panels/TradeDataPanel/KLineModule.tsx +++ b/src/views/Company/components/MarketDataView/components/panels/TradeDataPanel/KLineModule.tsx @@ -13,12 +13,13 @@ import { Center, Spinner, Icon, + Select, } from '@chakra-ui/react'; import { RepeatIcon, InfoIcon } from '@chakra-ui/icons'; -import { BarChart2, Clock, TrendingUp } from 'lucide-react'; +import { BarChart2, Clock, TrendingUp, Calendar } from 'lucide-react'; import ReactECharts from 'echarts-for-react'; -import { darkGoldTheme } from '../../../constants'; +import { darkGoldTheme, PERIOD_OPTIONS } from '../../../constants'; import { getKLineOption, getMinuteKLineOption } from '../../../utils/chartOptions'; import type { KLineModuleProps } from '../../../types'; @@ -48,6 +49,8 @@ const KLineModule: React.FC = ({ analysisMap, onLoadMinuteData, onChartClick, + selectedPeriod, + onPeriodChange, }) => { const [mode, setMode] = useState('daily'); const hasMinuteData = minuteData && minuteData.data && minuteData.data.length > 0; @@ -128,6 +131,36 @@ const KLineModule: React.FC = ({ + {/* 日K模式下显示时间范围选择器 */} + {mode === 'daily' && onPeriodChange && ( + + + + + )} + {/* 分钟模式下的刷新按钮 */} {mode === 'minute' && (