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

插件详情v0.1.19

modern_charts

一个用于创建简单但现代外观图表的包。

近 30 天下载
53
喜欢数
45
Pub 分数
30

安装插件

flutter pub add 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.

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。