hailin
/
rwadurian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(kline): 修正K线显示逻辑，从左开始排列，最新K线居中 

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-01-19 20:26:20 -08:00
parent f51aa44cd9
commit a15ab7600f
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/mining-app/lib/presentation/widgets/kline_chart/kline_chart_widget.dart
View File

@ -70,39 +70,43 @@ class _KlineChartWidgetState extends State<KlineChartWidget> {
// 初始化会在 LayoutBuilder 中完成 // 初始化会在 LayoutBuilder 中完成
} }
/// 初始化 K 线宽度，让所有 K 线占满屏幕 /// 初始化 K 线宽度和滚动位置
///
/// 逻辑：
/// - K线从左边开始排列
/// - 数据不够时，保持默认宽度，有多少显示多少
/// - 数据量大时，计算滚动位置让最新K线在屏幕中心
void _initializeCandleWidth(double chartWidth) { void _initializeCandleWidth(double chartWidth) {
if (_initialized || widget.klines.isEmpty || chartWidth == 0) return; if (_initialized || widget.klines.isEmpty || chartWidth == 0) return;
_initialized = true; _initialized = true;
_chartWidth = chartWidth; _chartWidth = chartWidth;
// 计算让所有 K 线占满屏幕的宽度 // 保持默认K线宽度，不根据数据量缩放
final idealWidth = chartWidth / widget.klines.length; // _candleWidth 保持初始值 8.0
// 限制在合理范围内
_candleWidth = idealWidth.clamp(_minCandleWidth, _maxCandleWidth);
_prevCandleWidth = _candleWidth; _prevCandleWidth = _candleWidth;
// 首次加载时让最新 K 线居中显示 // 计算滚动位置，让最新K线在屏幕中心
_scrollToCenter(); _scrollToCenter();
} }
/// 滚动使最新 K 线居中显示 /// 滚动使最新 K 线在屏幕中心显示
/// ///
/// 计算逻辑： /// 计算逻辑：
/// - 如果 K 线总宽度小于屏幕宽度，不滚动，从左开始显示 /// - K线从左边开始排列
/// - 否则计算让最新 K 线中心位于屏幕中央的滚动位置 /// - 数据不够时（总宽度 <= 屏幕宽度），不滚动，有多少显示多少
/// - 数据量大时，计算滚动位置让最新K线在屏幕中心
void _scrollToCenter() { void _scrollToCenter() {
if (widget.klines.isEmpty || _chartWidth == 0) return; if (widget.klines.isEmpty || _chartWidth == 0) return;
final totalWidth = widget.klines.length * _candleWidth; final totalWidth = widget.klines.length * _candleWidth;
if (totalWidth <= _chartWidth) { if (totalWidth <= _chartWidth) {
// K 线总宽度小于等于屏幕宽度，不需要滚动，从左开始显示 // 数据不够，不滚动，从左开始显示
_scrollX = 0; _scrollX = 0;
} else { } else {
// 计算让最新 K 线居中的滚动位置 // 数据量大，计算让最新K线在屏幕中心的滚动位置
// 最新 K 线的中心位置 = (K线数量 - 0.5) * 单根K线宽度 // 最新K线的中心位置 = (K线数量 - 0.5) * 单根K线宽度
final lastKlineCenter = (widget.klines.length - 0.5) * _candleWidth; final lastKlineCenter = (widget.klines.length - 0.5) * _candleWidth;
// 目标滚动位置 = 最新K线中心 - 屏幕宽度的一半 // 目标滚动位置 = 最新K线中心 - 屏幕宽度的一半
final targetScroll = lastKlineCenter - _chartWidth / 2; final targetScroll = lastKlineCenter - _chartWidth / 2;