modern_charts

パッケージ概要

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

modern_charts は、最小限のセットアップで洗練された現代的なチャートを作成することを目的としたFlutterパッケージです。折れ線グラフ、棒グラフ、円グラフなどの可視化をレンダリングするためのシンプルなAPIを提供し、美しさと統合のしやすさに重点を置いています。このパッケージは、広範な設定が不要な視覚的に魅力的なチャートを提供することに注力しており、洗練されたデータ表示が必要なアプリに最適です。Flutterのレンダリング機能に基づいて構築されており、あらゆるデバイスでスムーズなパフォーマンスと応答性のあるデザインを実現します。

用途

アプリ分析の表示
時間の経過に伴うユーザー活動の可視化
売上または収益の傾向を提示する
ダッシュボードインターフェースの強化
軽量なデータ要約の作成

主な機能

モダンでミニマルなデザイン
迅速な実装向けのシンプルな API
一般的なチャートタイプのサポート
レスポンシブレイアウトの適応
カスタマイズ可能な色とテーマ

適している対象

迅速なチャート統合を求める開発者
データビジュアライゼーションが必要なアプリ
デザイン重視のアプリケーション
インタラクティブダッシュボードのプロトタイピング
視覚的魅力を重視するプロジェクト

注意事項

制限された高度なカスタマイズオプション
ツールチップのような組み込みのインタラクティビティなし
基本的なチャート作成のニーズに最適
複雑または非常に動的なデータには適していない
高度な機能には外部のスタイル設定に依存しています

元の README

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

A package for creating simple yet modern looking charts.

Five chart types

Bar
Gauge
Line
Pie
Radar

Canvas + DOM

modern_charts combines Canvas and DOM to achieve the best performance and experience.

Canvas is used to render chart contents (axes, grids, and series)
DOM is used to create legends and tooltips

DataTable

Data are passed to a chart via a DataTable object. By using DataTable, you can flexibly modify the data even after the chart has been rendered.

Animations

Animations are supported for different types of data modifications:

New data table
Changes to data table values
Insertion and removal of rows (categories)
Insertion and removal of columns (series)
Series visibility toggle

Responsive

Charts automatically resize when the browser is resized.

Interactive

Shows tooltips on hover/tap
The visibility of a series is toggled when you click the corresponding legend item

Modular

Each chart type has its own class, so your final production code only contains the code of the chart types you use.

Usage

Please read the wiki for instructions on how to use these beautiful charts.

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

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