tanstack-charts

TanStack Charts

针对标记、比例尺、布局、交互、无障碍访问、渲染和框架适配器的类型化图表语法指南。

仅使用已记录版本的 API。

工作流

1. 检查已安装的 TanStack 软件包及其确切版本。
2. 阅读基础参考和检测到的框架对应的适配器参考。
3. 主题参考是索引。为任务选择一份指南或一个章节；仅在需要时沿其前置要求链接查阅。
4. 优先参考已安装软件包的类型定义和与版本匹配的源码指南，而非依赖记忆。
5. 将示例转换为框架适配器时，保留无头／核心行为。

任务路由

• 入门 — 概述、比较、安装和快速入门。
• 图表语法 — 图表概念、图表选择和 TypeScript 指南。
• 核心可视化模式 — 常见注释、柱形图、分布、热力图、区间、折线图、散点图和堆叠。
• 高级可视化模式 — 分面、交互、地图、网络、极坐标图、主题和动态效果。
• 笛卡尔和统计标记 — 笛卡尔、分布、密度、回归和统计标记参考。
• 空间和极坐标标记 — 空间、极坐标、焦点指南、Delaunay、地理和 Voronoi 标记参考。
• 复合和层级标记 — 复合、网络、层级、规则、框架和华夫图标记参考。
• 规范 — 图表定义、规范和参考索引。
• 类型参考 — 图表 TypeScript 定义和类型参考。
• 交互和动态效果参考 — 焦点、交互和动态效果参考。
• 运行时和比例尺参考 — 运行时、场景、比例尺、指南和颜色参考。
• 渲染和组合参考 — 适配器、扩展、宿主、渲染、导出、转换和视图组合。
• 组合和自定义 — 组合、自定义标记、渲染器、转换、颜色和动画。
• 交互和无障碍访问 — 焦点、工具提示、交互、选择和无障碍访问。
• 生产和迁移 — 响应式布局、性能、SSR、测试、导出、创作和迁移。
• React 适配器 — React 专属设置和行为。
• Preact 适配器 — Preact 专属设置和行为。
• Vue 适配器 — Vue 专属设置和行为。
• Solid 适配器 — Solid 专属设置和行为。
• Svelte 适配器 — Svelte 专属设置和行为。
• Angular 适配器 — Angular 专属设置和行为。
• Lit 适配器 — Lit 专属设置和行为。
• Alpine 适配器 — Alpine 专属设置和行为。
• Octane 适配器 — Octane 专属设置和行为。
• React Native 适配器 — React Native 专属设置和行为。
• 其他官方指南 — 未纳入更具体主题的官方指南。

框架路由

• Vanilla — 检测 @tanstack/charts。阅读入门指南。通用指南；请检查适配器特有的差异。
• Alpine — 检测 @tanstack/charts/alpine。阅读 Alpine 适配器。
• Angular — 检测 @tanstack/charts/angular。阅读 Angular 适配器。
• Lit — 检测 @tanstack/charts/lit。阅读 Lit 适配器。
• Octane — 检测 @tanstack/charts/octane。阅读 Octane 适配器。
• Preact — 检测 @tanstack/charts/preact。阅读 Preact 适配器。
• React — 检测 @tanstack/charts/react。阅读 React 适配器。
• React Native — 检测 @tanstack/react-native-charts。实验性适配器。阅读 React Native 适配器。
• Solid — 检测 @tanstack/charts/solid。阅读 Solid 适配器。
• Svelte — 检测 @tanstack/charts/svelte。阅读 Svelte 适配器。
• Vue — 检测 @tanstack/charts/vue。阅读 Vue 适配器。

来源状态

来自 TanStack/charts 的官方文档，与以下经过验证的发行版输入相匹配：@tanstack/[email protected]、@tanstack/[email protected]。

请参阅来源溯源，了解确切的上游输入和去重记录。