Skip to content

feat: 新增支持主题切换的 Lieflat 信息图示例 - #4698

Draft
skie1997 wants to merge 3 commits into
developfrom
codex/lieflat-infographic-examples
Draft

skie1997 wants to merge 3 commits into
developfrom
codex/lieflat-infographic-examples

Conversation

@skie1997

@skie1997 skie1997 commented Sep 23, 2026 •

Copy link
Copy Markdown
Contributor

新增 43 个数据驱动的 Lieflat 信息图示例,提供中英文文档、封面及完整代码。示例默认播放入场动画,支持数据悬停提示,并通过标准 VChart 主题 API 切换配色;移除说明页及菜单入口,仅保留图表示例。

🤔 这个分支是...

  • 网站/文档更新
  • demo 更新
  • Bug fix
  • 测试 case 更新

🔗 相关 issue 链接

无。

🔗 相关的 PR 链接

无。

🐞 Bugserver 用例 id

无。

💡 问题的背景&解决方案

  • 新建 docs/assets/examples/{zh,en}/lieflat-charts,包含 43 个示例,并补充菜单和静态封面。数量、比例、时间、分布、关系及地图等图型均由数据驱动。
  • 背景、文字、数据配色及 tooltip 跟随当前主题,使用 vchart.setCurrentTheme(name) 切换。热力图和地图使用有序渐变;地图区域与连续图例共用比例尺;树图标签使用自动反色。
  • 自定义图元按数据绑定并分批入场,通过 TooltipHandler 托管提示及释放;动态排名和累计增长使用原生播放器。
  • 修复 3D 扩展对普通二维图表的误判,避免启用相机后带缩放图元在动画和悬停时闪烁。增加二维、三维和组合图判定回归测试。
  • 修正文档 front matter 的贪婪匹配,避免文档中的 Markdown 表格及正文被删除。

当前默认浅色主题的封面预览:

刻度仪表盘

阶梯柱状图

📝 Changelog

Language Changelog
🇺🇸 English Add 43 animated, theme-aware Lieflat infographic examples with tooltips; fix incorrect 3D detection for 2D charts and documentation front matter parsing.
🇨🇳 Chinese 新增 43 个支持动画、主题切换和数据提示的 Lieflat 信息图示例;修复二维图表误判为 3D 及文档元数据解析问题。

不新增公共 API。地图示例沿用文档站 GeoJSON 地址,需要网络访问;封面与默认浅色主题一致,动态示例使用完整数据帧。

☑️ 自测

  • 文档提供了,或者更新,或者不需要
  • Demo 提供了,或者更新,或者不需要
  • Ts 类型定义提供了,或者更新,或者不需要(无新增 API)
  • Changelog 提供了,或者不需要

验证结果:

  • 仓库 pre-push 测试:VChart 91 个测试套件、533 项测试通过;vutils-extension 1 项测试通过。
  • 3D 图表判定专项测试:12 项通过。
  • 43 个菜单条目和封面、86 段中英文示例代码语法与一致性检查通过;中英文说明页及菜单入口已删除。
  • 浏览器验证 43 个示例在浅色、纸灰、深色和彩色主题下切换,数据保持一致;全部 43 个示例的深色 tooltip、持续悬停及释放检查通过。
  • 43 张封面重新从当前示例导出为 900×620 PNG,已逐张检查;动态排名采用第 12 月,累计增长采用 $204k 完整数据帧。
  • Prettier 和 git diff --check 通过。

🚀 Summary

copilot:summary

🔍 Walkthrough

copilot:walkthrough

@skie1997
skie1997 marked this pull request as draft September 23, 2026 08:28

@visactor-review-bot visactor-review-bot Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

审查 VisActor/VChart #4698 的冻结改动,阅读 3D 判定、文档 front matter 处理、示例主题及 tooltip 调用链;未发现证据充分、可定位到本次 diff 的缺陷。

验证:通过 Node 标准库核对新增菜单 43 项均存在中英文文档,86 段 livedemo 代码可解析;验证示例 front matter 正则保留后续 Markdown 内容,抽查主题、事件及图例相关源码调用链。未运行依赖型测试或视觉回归。

限制:隔离环境未安装仓库依赖,未运行 VChart 单元测试、完整构建及浏览器视觉回归;不能据此认定渲染、主题切换与交互通过。;地图示例依赖外部 GeoJSON 地址,隔离环境无网络,未验证在线地图载入及数据匹配。;未对 43 个示例逐个进行真实浏览器悬停、动画、主题切换及释放行为验证。

状态:completed

}

return true;
return !!spec.series?.some((series: any) => is3DChartType(series.type));

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

【联调验证,非缺陷】此评论仅用于验证 VisActor Review Bot 能准确定位到当前提交的变更行;该行未被判定为缺陷。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant