stacked_bar_chart 1.0.6+2 stacked_bar_chart: ^1.0.6+2 copied to clipboard
A new Flutter package project.
stacked_bar_chart #
A Flutter package for creating different types of charts.This package gives developer the flexibility to customize their graph as well.
.
Features #
-
Plot graphs
- Stacked Rounded Rectangle Graph
- Stacked Rectangele Graph
- Net Line Graph
- Net Point Graph
-
Customize your graph
- Select if you want to display the net line
- change core color,line color as well as line width of the net line
-
Scrollable
- The graphs plotted are scrollable
-
Provide data in json format
- You can use the toMap() and forMap() methods to provide your data in json format
-
Style your Labels -You can style both you X-axis and Y-axis Labels.
Installation #
In the dependencies:
section of your pubspec.yaml
, add the following line:
stacked_bar_chart:
Then import
it as :
"import 'package:stacked_bar_chart/stacked_bar_chart.dart';"
Graph Types #
1. Stacked Rounded Rectangle Graph
A simple stacked bar graph with rounded borders.
.
To plot this graph pass the GraphType.StackedRounded
in graphType
. as shown below
graphType: GraphType.StackedRounded
You can also change the styling of the line and point plotted.The color,width etc. can be changed using the `netLine` parameter as :
netLine: NetLine(
showPointOnly: false,
showLine: true,
lineColor: Colors.blue,
pointBorderColor: Colors.black,
coreColor: Colors.white,
),
. . .
2. Stacked Rectangle Graph
A simple stacked bar graph with no rounded borders. You can customize it in the same way as the stacked rounded rectangle graph.
To plot this graph pass the `GraphType.StackedRect` in `graphType`. as shown below
graphType: GraphType.StackedRect
. . .
3. Net Line Graph
A simple line graph plotted with the net values of the data provided. The net values of a particular data is calculated and plotted.It can also be customized in the same way as stacked rounded rectangle graph.
To plot this graph pass the `GraphType.StackedRect` in `graphType`. as shown below
graphType: GraphType.LineGraph
.
4. Net Point Graph
A simple plot of the net values of the data.You can customize the point core and it's outer border using the `netPoint` parameter.
To plot this graph pass the `GraphType.StackedRect` in `graphType`. and then pass parameters in `netLine` to remove the line as shown below
graphType: GraphType.LineGraph
netLine: NetLine(
showPointOnly: true,
showLine: false,
lineColor: Colors.blue,
pointBorderColor: Colors.black,
coreColor: Colors.white,
),
.