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