Skip to content

你正在查看 v1.0.1 文档。切换到最新版请访问:/

雷达图快速开始

ts
import { BaseRadar } from '@ymhc/harmonycharts'; // 引入雷达图组件
import type { BaseRadarConfig } from '@ymhc/harmonycharts'; // 引入配置类型

@Entry // 入口页面
struct Index { // 页面结构体
  @Prop baseRadarConfig: BaseRadarConfig = { // 组件配置(可响应)
    indicators: [ // 指标维度
      { name: 'Speed', max: 100 },
      { name: 'Quality', max: 100 },
      { name: 'Reliability', max: 100 }
    ],
    data: [ // 系列数据
      { name: 'Plan', value: [70, 80, 65] },
      { name: 'Actual', value: [60, 72, 70] }
    ],
    tooltip: { show: true, trigger: 'item', confine: true }, // 点触发提示
    legend: { show: true } // 图例开关
  }; // 配置结束

  build() { // 页面构建
    Column() { // 纵向布局
      BaseRadar({ config: this.baseRadarConfig, chartHeight: 240 }) // 渲染雷达图
    } // 布局结束
  } // 构建结束
}

HarmonyCharts 鸿蒙图表文档。