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

graphify 封面
插件详情v1.2.1

graphify

一个基于 Apache Echarts 的数据可视化图表库,能够构建高级图表,如 WebGL 3D、柱状图、折线图、K 线图、雷达图、关系图、树形图等。

AndroidiOSWebmacOSWindows
近 30 天下载
695
喜欢数
45
Pub 分数
135

安装插件

flutter pub add graphify

插件介绍

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

Graphify 是一个基于 Apache Echarts 的 Flutter/Dart 包,用于创建高级数据可视化。它支持多种图表类型,包括 WebGL 3D、柱状图、折线图、蜡烛图、雷达图、关系图和树状图。专为跨平台使用而设计,可在 Android、iOS、Web、macOS 和 Windows 上无缝运行。该库使开发者能够以最少的设置构建交互式且高性能的可视化效果。适用于仪表板、分析应用和数据驱动的界面,Graphify 将强大的图表功能直接带入 Flutter 应用程序。

适合场景

  • 交互式仪表板
  • 实时数据监控
  • 财务图表
  • 数据分析平台
  • 科学可视化

主要特点

  • 支持 WebGL 3D 图表
  • 多种图表类型(柱状图、折线图、K线图等)
  • 跨平台兼容性
  • 高性能渲染
  • 与 Flutter 的轻松集成
  • 可自定义的视觉主题

适合对象

  • 数据分析师
  • 仪表板开发者
  • 金融应用开发者
  • 教育软件
  • 以可视化为重点的应用程序

使用建议

  • 需要理解 Echarts 概念
  • 由于 WebGL,包大小可能更大
  • 原生 Flutter 小部件自定义功能有限
  • 最适合复杂的可视化,不适合简单的图表
  • 依赖外部 Echarts 库

原始 README

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

graphify_banner

Pub Package GitHub Repo stars GitHub closed issues GitHub open issues GitHub contributors Contributing

GRAPHIFY

A data visualization charts library, based on Apache Echarts, able to build advanced charts like WebGL 3D, Bar, Line, Candlestick, Radar, Graph, Tree etc.

A Flutter package that serves as a bridge to Apache ECharts for creating interactive charts and data visualizations in your Flutter applications.

graph_webkit_dep bar_3d_chart
candle_stick_brush all

See demo
Echarts Examples
Pub.dev

Content

Features
Installation
Quick Start
Basic Example
Parameters and Settings
License
Contributing

Features

  • Apache ECharts Integration: Leverage the full power of Apache ECharts directly within your Flutter app.
  • Flexible Configuration: Pass chart configurations as JSON to render interactive visualizations.
  • All ECharts Features: You can find here eCharts features

Installation

How quickly you can install the package you can find here.

Quick Start

Importing the Package

Import the package into your Dart file:

import 'package:graphify/graphify.dart';
Basic Example

Below is a minimal example demonstrating how to display a bar chart:

class BasicBarChart extends StatefulWidget {
  const BasicBarChart({super.key});

  @override
  State<BasicBarChart> createState() => _BasicBarChartState();
}

class _BasicBarChartState extends State<BasicBarChart> {

  final controller = GraphifyController();

  @override
  Widget build(BuildContext context) {
    return GraphifyView(
      controller: controller,
      initialOptions: const {
        "xAxis": {
          "type": "category",
          "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
        },
        "yAxis": {
          "type": "value"
        },
        "series": [
          {
            "data": [120, 200, 150, 80, 70, 110, 130],
            "type": "bar"
          }
        ]
      },
    );
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

}

Parameters and Settings

A string containing the JSON configuration for the chart, based on the Apache ECharts documentation.

Documentation and Support

Refer to the Apache ECharts Documentation for detailed configuration options and features. For source code, issue tracking, and contributions, visit the GitHub repository.

License

This project is licensed under the MIT License.

Contributing

We welcome your contributions!

  1. Fork the repository and create a branch for your changes.
  2. Commit your changes with clear messages.
  3. Open a pull request describing your work.

For bug reports or feature requests, please open an issue.

Thank you!

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。