走势图 UI 设计 v2

项目 UI 风格预览 · 示例数据

净值走势示例:纳斯达克100

默认近1月
+8.45% 净值 1.3842 · 成本 1.2000
区间起点 0% 金色曲线 · 成本虚线 · 末值标涨跌

资产走势

全部数据 · 左轴刻度自适应
¥99,086 累计投入 ¥88,520 · 区间起点 ¥86,120
2026-10-01 2026-10-21
刻度自适应

每日盈亏

红涨绿跌 · 左轴刻度
区间累计 +2,966 元 最近一日 +186 元 日均盈亏 +141 元
红涨绿跌 · 悬停看当日 最新 +186 元
设计要点:① 资产走势:不做百分比、不做区间切换,全部数据直出;左侧竖刻度线随资产规模自适应(十元→元级、万元→万级、十万元→2万级),可直接读金额。② 每日盈亏:红绿柱加左轴刻度(正负对称),柱子多高一眼可读。③ 基金净值走势:沿用 hero 大数字 + 金色百分比曲线 + 成本虚线 + 末值标签,默认近 1 月。本页为项目 UI 风格预览,数据为模拟生成。