v0.1.0 Beta 现已支持 HarmonyOS NEXT

HarmonyOS的美丽原生图表

一个专为 Harmony 生态系统设计的高性能开源可视化库。几分钟内构建交互式仪表盘，零外部依赖。

check_circle Apache 2.0

bolt High Performance

integration_instructions TypeScript

分析概述

12,405 +12%

bar_chart

Mon Tue Wed Thu Fri Sat

4,231

const chart = new Chart({

data: dataset,

animate: true,

theme: 'ocean'

});

为什么选择HarmonyCharts?

专为速度、灵活性和下一代操作系统而构建。专门针对ArkTS和HarmonyOS渲染引擎进行了优化。

speed

快速渲染

以60fps的速度渲染数千个数据点，而不会丢失一帧。优化了画布渲染管道。

api

原生API

HarmonyOS API和ArkTS的一流公民支持。感觉它属于标准库。

palette

完全主题化

一个强大的主题引擎，允许对每个轴、图例、工具提示和网格线进行深度定制。

usage_example.ets

import { LineChart, ChartData } from '@harmony/charts';

@Entry
@Component
struct DashboardView {
  build() {
    Column() {
      LineChart({
        data: [
          { x: 'Jan', y: 40 },
          { x: 'Feb', y: 65 },
          { x: 'Mar', y: 82 }
        ],
        animate: true,
        color: '#2b6cee'
      })
      .width('100%')
      .height(300)
    }
  }
}

声明语法
易于实施.

用几行代码初始化一个复杂的图表。我们的API是声明性的、直观的和类型安全的，设计成完全适合您的ArkUI组件结构。

check_box
框架无关逻辑 核心逻辑是分开的，便于测试。
check_box
自动响应 图表会自动适应容器大小和方向的变化。
check_box
可访问性优先 屏幕阅读器支持和内置高对比度模式。

阅读API文档 arrow_forward

准备好建造了吗?

加入成千上万的开发者，在HarmonyOS上打造美丽的仪表盘。开源且免费商业使用。

$ ohpm install @harmony/charts