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

パッケージ詳細v0.0.11

fcharts

Flutter向けのチャートライブラリです。シンプルで直感的なAPIを使って、美しいアニメーション付きの応答性のあるチャートを作成できます。

30日間ダウンロード
368
いいね数
37
Pub ポイント
35

パッケージをインストール

flutter pub add fcharts

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

fcharts は、シンプルで直感的な API を使って視覚的に魅力的でアニメーション付き、応答性の高いチャートを作成することを目的とした Flutter チャートライブラリです。さまざまなチャートタイプをサポートし、異なる画面サイズにスムーズに適応するため、モバイルアプリケーションにおけるデータ可視化に最適です。使いやすさを重視しながら、高パフォーマンスなレンダリングと滑らかなアニメーションを実現しています。Flutter のウィジェットシステムに基づいて構築されており、既存のプロジェクトへの統合も容易です。

用途

  • リアルタイムデータのトレンドを表示
  • アプリ分析の可視化
  • インタラクティブなダッシュボードの作成
  • 財務または売上データの提示
  • データグラフを使って教育アプリを構築する

主な機能

  • アニメーション付きチャートの遷移
  • デバイス間でのレスポンシブデザイン
  • シンプルな宣言型 API
  • 複数のチャートタイプをサポート
  • カスタマイズ可能なテーマとスタイル

適している対象

  • データ駆動型モバイルアプリ
  • ダッシュボードとレポートツール
  • 教育および分析アプリケーション
  • 迅速なプロトタイプ化のビジュアライゼーション
  • 軽量なチャートソリューションを探している開発者

注意事項

  • 基本的な例以外のドキュメントは限られている
  • ズームなどの複雑なインタラクションに対する組み込みサポートなし
  • 高度なカスタマイズにはカスタムコードが必要になる場合があります
  • 非常に大きなデータセットには最適化されていない
  • 完全な機能を実現するために外部の依存関係に依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

fcharts

Build Status Pub Status

A work-in-progress chart library for Flutter. Until version 1.0.0 the API is subject to change drastically. Needless to say, fcharts is not production ready.

The goal of this project is to allow for creating beautiful, responsive charts using a simple and intuitive API.

Inspired by Mikkel Ravn's tutorial on Flutter widgets and animations. If you have used Recharts (ReactJS library) you will find the high level API to be somewhat familiar.

Demo

Bar chart demo

Example Usage

class SimpleLineChart extends StatelessWidget {
  // X value -> Y value
  static const myData = [
    ["A", "✔"],
    ["B", "❓"],
    ["C", "✖"],
    ["D", "❓"],
    ["E", "✖"],
    ["F", "✖"],
    ["G", "✔"],
  ];
  
  @override
  Widget build(BuildContext context) {
    return new LineChart(
      lines: [
        new Line<List<String>, String, String>(
          data: myData,
          xFn: (datum) => datum[0],
          yFn: (datum) => datum[1],
        ),
      ],
      chartPadding: new EdgeInsets.fromLTRB(30.0, 10.0, 10.0, 30.0),
    );
  }
}

The above code creates:

line chart

カテゴリー

依存関係

依存関係一覧 2 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。