fock-radar

雷达图组件，基于 TypeScript 实现，支持自定义配置和数据，适用于 Web 项目。

安装

npm install fock-radar

使用方法

import { Radar } from 'fock-radar';

// 获取 canvas 元素
const canvas = document.getElementById('myCanvas') as HTMLCanvasElement;

// 创建雷达图实例
const radar = new Radar(canvas, {
  canvas: {
    width: 400,
    height: 400,
    backgroundColor: '#192b38'
  },
  // 其他配置项...
});

// 设置数据
radar.updateData({
  labels: ['数据规模', '数据热度', '业务价值', '合规率', '数据质量'],
  values: [80, 60, 90, 70, 85]
});

// 渲染雷达图
radar.render();

API

Radar 类

• constructor(canvas: HTMLCanvasElement, options?: Partial<RadarOptions>)
• updateData(data: Partial<RadarData>): void
  更新雷达图数据
• updateOptions(options: Partial<RadarOptions>): void
  更新雷达图配置
• render(): void
  渲染雷达图
• getData(): RadarData
  获取当前数据
• getOptions(): RadarOptions
  获取当前配置
• destroy(): void
  销毁实例，清理资源

配置项

详见 src/type.ts，支持自定义画布、颜色、标签、中心文本等。

单元测试

项目已集成 Jest，执行如下命令运行测试：

npm test

许可证

MIT