tanstack-charts

TanStack Charts 是一个面向 TanStack Charts 图表库的带类型图表语法指导技能，为标记、比例尺、布局、交互、无障碍、渲染以及框架适配器提供参考。其核心原则是：只使用所记录版本对应的 API。

工作流程

1. 检查已安装的 TanStack 包及其确切版本。
2. 阅读基础参考，以及针对所检测框架的适配器参考。
3. 主题参考是索引。为当前任务选择一个指南或章节；仅在需要时跟随其前置链接。
4. 优先使用已安装包的类型和与版本匹配的源码指导，而非凭记忆。
5. 将示例翻译到框架适配器时，保留 headless/core 行为。

任务路由

• 入门：概览、对比、安装与快速开始。
• 图表语法：图表概念、图表选择与 TypeScript 指导。
• 核心可视化模式：常见注释、条形图、分布、热力图、区间、折线、散点图与堆叠。
• 高级可视化模式：分面、交互、地图、网络、极坐标图、主题与动效。
• 笛卡尔与统计标记：笛卡尔、分布、密度、回归与统计标记参考。
• 空间与极坐标标记：空间、极坐标、焦点引导、Delaunay、地理与 Voronoi 标记参考。
• 复合与层级标记：复合、网络、层级、规则、框架与华夫图标记参考。
• 规格说明：图表定义、规格与参考索引。
• 类型参考：图表 TypeScript 定义与类型参考。
• 交互与动效参考：焦点、交互与动效参考。
• 运行时与比例尺参考：运行时、场景、比例尺、引导与颜色参考。
• 渲染与组合参考：适配器、扩展、宿主、渲染、导出、变换与视图组合。
• 组合与自定义：组合、自定义标记、渲染器、变换、颜色与动画。
• 交互与无障碍：焦点、工具提示、交互、选择与无障碍。
• 生产与迁移：响应式布局、性能、SSR、测试、导出、创作与迁移。

框架适配器

技能为以下框架提供各自的设置与行为说明：React、Preact、Vue、Solid、Svelte、Angular、Lit、Alpine、Octane、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/charts@1.1.0、@tanstack/react-native-charts@1.1.0。

适用场景：当项目使用 TanStack Charts 图表库，需要按版本匹配的图表语法、标记、比例尺、布局、交互、无障碍、渲染或框架适配器指导时使用。

限制：仅使用所记录版本对应的 API；优先依据已安装包类型与版本匹配的源码，而非记忆。React Native 适配器为实验性。具体安装命令、收费与价格信息暂未提供。