sliver_bar_chart

一个支持在 Flutter Sliver 中使用柱状图的包。这个包允许我们在 Sliver 中添加柱状图。
并将柱状图设置为 Sliver 滚动视图的头部。

主要特点

  • 在 Sliver 中添加柱状图的简便方法。
  • 用于将柱状图设置为 Sliver 头部。

预览

sliver_bar_chart

基本用法

将其导入到您的项目文件

import 'package:sliver_bar_chart/sliver_bar_chart.dart';

并以最基本的形式添加它，例如

SliverBarChart(
  barWidget: BarChartWidget(
    minHeight: 100.0,
    maxHeight: 1000.0,
    barValues: [
      BarChartData(
        x: '2022',
        y: 500.0,
        barColor: Colors.blue,
      ),
    ],
    isScrolling: true,
  ),
);

SliverBarChart 的必需参数

参数 描述
BarChartWidget barWidget 使用自定义绘制器绘制柱状图

SliverBarChart 的可选参数

参数 默认值 描述
bool restrain 假 当头部达到其最小尺寸时，是否将其固定到视口开始位置
bool scrolling – Sliver 是否正在滚动
List heightArray [50.0, 78.0, 90.0, 67.0, 36.0] 用于生成柱状图柱子的高度数组
double maxWidth 75.0 Sliver 的最大宽度尺寸
double minHeight 30.0 Sliver 的最小高度尺寸
double maxHeight 175.0 Sliver 的最大高度尺寸
bool fluctuating 假 如果用户反向滚动方向，头部是否应立即再次增长

BarChartWidget 的必需参数

参数 描述
double minHeight BarChartWidget 的最小高度尺寸
double maxHeight BarChartWidget 的最大高度尺寸
List barValues 保存柱状图数据列表
bool isScrolling Sliver 是否正在滚动

BarChartWidget 的可选参数

参数 默认值 描述
int yAxisIntervalCount 5 用于在 Y 轴上设置间隔点
double xAxisTextRotationAngle 0.0 用于在文本过大时以旋转角度设置 X 轴文本

BarChartData 模型类的必需参数

参数 描述
String x 在柱状图 X 轴上可见的文本
double y 在柱状图 Y 轴上可见的值

BarChartData 模型类的可选参数

参数 默认值 描述
Color barColor Colors.grey 用于设置柱子的颜色

贡献者指南

  • 我们始终欢迎对我们仓库的贡献，我们要求贡献者创建一个 pull
    请求进行开发。

报告问题/功能请求指南

如果报告者能够分享以下内容，对我们来说将非常棒，以便了解问题的根本原因。
问题。

  • 库版本
  • 代码片段
  • 日志（如适用）
  • 设备规格（例如，制造商、操作系统版本等）
  • 带重现步骤的屏幕截图/视频
  • 使用的库

许可证！

sliver_bar_chart
是 MIT 许可的。

告诉我们！

如果您向我们发送您使用我们组件的项目链接，我们将非常高兴。只需发送一封
电子邮件至 [email protected] 并请告诉我们您对我们的工作有任何问题或建议
关于我们的工作。

GitHub

查看 Github