搜尋套件、儲存庫與 APP 分類

GitHub 儲存庫warioddly/graphify

graphify

一個基於 Apache Echarts 的資料視覺化圖表庫,能夠建立進階圖表,如 WebGL 3D、柱狀圖、折線圖、K線圖、雷達圖、關係圖、樹狀圖等。

graphify 專案封面
星標
97
分支
20
最近推送(UTC)
2025年9月3日
專案狀態
已封存

原始 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 ↗