设计体系
统一配色、字体与交互规范，确保视觉一致与可维护性。
Appearance
HarmonyChartsHarmonyOS / ArkTS 高性能图表库
面向鸿蒙应用的工程级可视化组件与交互规范，兼顾性能、扩展性与一致性体验。
Skip to content
工程落地
ArkTS 原生配置，低接入成本，适配 HarmonyOS 工程实践。
组件复用
模块化图表与交互能力，面向复杂业务快速组装。
可维护性
配置规范化、功能解耦，适合长期演进与团队协作。
你正在查看 v1.0.1 文档。切换到最新版请访问：/
HarmonyOS 原生图表库
面向 ArkTS 工程实践，配置风格统一、扩展性强。
ArkTSHarmonyOS工程化
交互一致
axisPointer / dataZoom / tooltip / brush 联动可控。
联动一致性
工程化可维护
模块化能力拆分，团队协作与长期演进更稳。
模块化可维护
多端适配
手机 / 平板 / 车机 统一体验，配置可复用。
多端复用
能力与应用
图表与坐标系
折线 / 面积 / 柱状 / 散点 / 饼图 / 雷达 / 平行坐标
直角坐标系 / 极坐标 / 单轴 / 平行坐标
grid / x-y 轴 / 轴线-刻度-标签 / axisPointer
交互与组件
Tooltip（axis/item）/ Legend
dataZoom（inside/slider）与联动
Brush / MarkPoint / MarkLine / MarkArea
Graphic / Toolbox / Timeline / VisualMap
动画与状态
基础动画与过渡
emphasis / blur / select 状态链路
场景
业务报表 / 运营大屏 / 车机可视化
优势
原生 ArkTS、交互一致、易维护、易扩展
迁移
对标 ECharts 能力逐步补齐，低成本迁移
核心问题（Q&A）
HarmonyCharts 能做什么？
面向 HarmonyOS / ArkTS 的图表库，覆盖常见图表类型与交互能力。
为什么不直接用 ECharts？
鸿蒙渲染链路与 Web 不同，原生方案在性能与兼容性上更稳。
适合哪些场景？
报表、趋势分析、指标看板与多端一致性展示。
HarmonyCharts vs ECharts
HarmonyCharts
图表类型覆盖常用
交互组件核心可用
轴与布局基础完善
dataZoominside/slider
自定义组件部分接入
ECharts
图表类型全量覆盖
交互组件完整生态
轴与布局细节完整
dataZoom细节完善
自定义组件完整
路线图
近期
VisualMap 完整映射、Toolbox 行为闭环、Timeline 自动播放
中期
axisPointer/link 细节、grid 边界对齐、dataZoom 完整链路
长期
统一动画编排、状态继承策略、Graphic 深度能力
FAQ
适合用在现有 HarmonyOS 项目里吗？
适合。HarmonyCharts 面向 ArkTS 设计，配置与组件可直接集成。
与 ECharts 迁移成本高吗？
低。核心概念保持一致，差异主要在高级组件与细节能力。
里程碑时间轴
Q1 - 核心交互闭环
Toolbox 行为完善 / Timeline 自动播放 / VisualMap UI
完成度 60%优先级 高
Q2 - 细节增强
axisPointer/link 细节、grid 对齐、dataZoom 完整链路
完成度 45%优先级 中
Q3 - 动画与自定义
统一动画编排 / 状态继承 / Graphic 深度能力
完成度 30%优先级 中
案例展示
运营大屏
多指标联动与高密度展示场景。
车机仪表
高对比度与稳定刷新体验。
移动端报表
轻量、易用、交互一致。