sliver_bar_chart
A package that supports Bar Chart in a Flutter Sliver. This Package allow us to add Bar Chart in
Sliver and its set a Bar Chart as a Header on Slivers Scroll.
Key Features
- easy way to add Bar Chart in a Sliver.
- used to set a Bar Chart as a Sliver Header.
Preview
Basic Usage
Import it to your project file
import 'package:sliver_bar_chart/sliver_bar_chart.dart';
And add it in its most basic form like it:
SliverBarChart(
barWidget: BarChartWidget(
minHeight: 100.0,
maxHeight: 1000.0,
barValues: [
BarChartData(
x: '2022',
y: 500.0,
barColor: Colors.blue,
),
],
isScrolling: true,
),
);
Required parameters of SliverBarChart
| Parameter | Description |
|---|---|
| BarChartWidget barWidget | Used to paint bar chart using custom painter |
Optional parameters of SliverBarChart
| Parameter | Default | Description |
|---|---|---|
| bool restrain | false | Whether to stick the header to the start of the viewport once it has reached its minimum size |
| bool scrolling | – | Whether sliver is scrolling or not |
| List heightArray | [50.0, 78.0, 90.0, 67.0, 36.0] | The array of height for generating the bars of the Bar Chart |
| double maxWidth | 75.0 | The maximum width dimensions of the sliver |
| double minHeight | 30.0 | The minimum height dimensions of the sliver |
| double maxHeight | 175.0 | The maximum height dimensions of the sliver |
| bool fluctuating | false | Whether the header should immediately grow again if the user reverses scroll direction |
Required parameters of BarChartWidget
| Parameter | Description |
|---|---|
| double minHeight | The minimum height dimensions of the BarChartWidget |
| double maxHeight | The maximum height dimensions of the BarChartWidget |
| List barValues | hold the list of bar chart data |
| bool isScrolling | Whether sliver is scrolling or not |
Optional parameters of BarChartWidget
| Parameter | Default | Description |
|---|---|---|
| int yAxisIntervalCount | 5 | Used to set interval point on Y axis |
| double xAxisTextRotationAngle | 0.0 | Used to set X axis text on a rotation angle in case of larger text |
Required parameters of BarChartData Model Class
| Parameter | Description |
|---|---|
| String x | a text that visible on Bar Chart X axis |
| double y | a value that visible on Bar Chart Y axis |
Optional parameters of BarChartData Model Class
| Parameter | Default | Description |
|---|---|---|
| Color barColor | Colors.grey | used to set color of the bar |
Guideline for contributors
- Contribution towards our repository is always welcome, we request contributors to create a pull
request for development.
Guideline to report an issue/feature request
It would be great for us if the reporter can share the below things to understand the root cause of
the issue.
- Library version
- Code snippet
- Logs if applicable
- Device specification like (Manufacturer, OS version, etc)
- Screenshot/video with steps to reproduce the issue
- Library used
LICENSE!
sliver_bar_chart
is MIT-licensed.
Let us know!
We’d be really happy if you send us links to your projects where you use our component. Just send an
email to [email protected] And do let us know if you have any questions or suggestion
regarding our work.
