Appearance
你正在查看 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 }) // 渲染雷达图
} // 布局结束
} // 构建结束
}