搜索插件、代码仓与 APP 分类

spider_chart 封面
插件详情v0.2.0

spider_chart

Spider Chart 是一个用于 Flutter 的简单蜘蛛图/雷达图库

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
142
喜欢数
33
Pub 分数
160

安装插件

flutter pub add spider_chart

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Spider Chart 是一个轻量级的 Flutter 库,用于创建蜘蛛(雷达)图,能够在圆形格式中可视化多变量数据。它支持可自定义的坐标轴、数据系列和样式选项,非常适合在多个维度上比较性能。该库与所有主要平台兼容,包括 Android、iOS、Web、macOS、Windows 和 Linux。设计简洁,易于集成,使开发者能够快速将交互式雷达图添加到其应用程序中,而无需复杂的设置。

适合场景

  • 比较多维性能指标
  • 可视化调查或评分数据
  • 显示比赛中的玩家统计数据
  • 分析业务关键绩效指标
  • 展示科学或技术数据

主要特点

  • 用于快速集成的简单 API
  • 可自定义的图表外观
  • 对多数据系列的支持
  • 跨平台的响应式设计
  • 内置动画支持
  • 灵活的轴配置

适合对象

  • 仪表板中的数据可视化
  • 带有比较数据的教育类应用程序
  • 体育分析工具
  • 用户反馈分析界面
  • 交互式报告功能

使用建议

  • 最适合用于最多8-10个数据类别
  • 可能需要针对高密度数据进行调整
  • 内置的交互功能有限,仅限于基本的悬停操作
  • 未针对非常大的数据集进行优化
  • 样式自定义需要熟悉 Flutter 的渲染系统

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Pub Gitlab pipeline status

spider_chart

A simple spider/radar chart library for Flutter.

screenshot

Quick Start

More examples will be added, but this will get you going in the meantime. The chart can be sized with a container or by passing in a Size object to the size named parameter.

Center(
  child: Container(
    width: 300,
    height: 300,
    child: SpiderChart(
      data: [
        7,
        5,
        10,
        7,
        4,
      ],
      maxValue: 10, // the maximum value that you want to represent (essentially sets the data scale of the chart)
      colors: <Color>[
        Colors.red,
        Colors.green,
        Colors.blue,
        Colors.yellow,
        Colors.indigo,
      ],
    ),
  ),
)

所属分类

源码仓库

使用此插件的项目

暂无相关数据。