パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリwarioddly/graphify

graphify

Apache Echarts をベースにしたデータ可視化チャートライブラリで、WebGL 3D、棒グラフ、折れ線グラフ、ローソク足、レーダー、グラフ、ツリーなど高度なチャートを構築できます。

graphify のプロジェクト画像
スター
97
フォーク
20
最終プッシュ(UTC)
2025/09/03
プロジェクト状態
アーカイブ済み

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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!

warioddly GitHub avatar
GitHub 作者

warioddly ↗

~ On the path of a software engineer / @flutter / @dart-lang / @swiftlang

言語DartC++CMakeSwiftRubyCKotlinHTMLJavaShellObjective-CJavaScript

カテゴリー

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 5 件

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗