Description:

unique simple bar chart

unique_simple_bar_chart #
The simple bar chart is indeed a simple design, it helps you to be able to generate a single-style simple bar chart for your design, which makes it really okay.
You can change color or size easily anytime.
To install the package u
unique_simple_bar_chart: ^0.0.1
copied to clipboard
To create a simple bar chart see this example with just one horizontal bar each
SimpleBarChart(

listOfHorizontalBarData: [
HorizontalDetailsModel(
name: '1',
color: const Color(0xFFEB7735),
size: 73,
),
HorizontalDetailsModel(
name: '2',
color: const Color(0xFFEB7735),
size: 92,
),
HorizontalDetailsModel(
name: '3',
color: const Color(0xFFFBBC05),
size: 120,
),
HorizontalDetailsModel(
name: '4',
color: const Color(0xFFFBBC05),
size: 86,
),
HorizontalDetailsModel(
name: '5',
color: const Color(0xFFFBBC05),
size: 64,
),
HorizontalDetailsModel(
name: '6',
color: const Color(0xFFFBBC05),
size: 155,
),
HorizontalDetailsModel(
name: '7',
color: const Color(0xFFFBBC05),
size: 200,
),
HorizontalDetailsModel(
name: '8',
color: const Color(0xFFFBBC05),
size: 250,
),
HorizontalDetailsModel(
name: '9',
color: const Color(0xFFFBBC05),
size: 200,
),
HorizontalDetailsModel(
name: '10',
color: const Color(0xFFFBBC05),
size: 160,
),
HorizontalDetailsModel(
name: '11',
color: const Color(0xFFFBBC05),
size: 180,
),
HorizontalDetailsModel(
name: '12',
color: const Color(0xFFFBBC05),
size: 60,
),
],
verticalInterval: 100,
),
copied to clipboard
verticalInterval is the space between the line at the vertical size
listOfHorizontalBarData is a list of HorizontalDetailsModel, this is use to create the horizontal bars show.
The output will be like this

To create a simple bar chart see this example with just Two horizontal bars each
class SimpleBarChatScreen extends StatelessWidget {
const SimpleBarChatScreen({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: SimpleBarChart(
makeItDouble: true,
listOfHorizontalBarData: [
HorizontalDetailsModel(
name: 'Mon',
color: const Color(0xFFEB7735),
size: 73,
sizeTwo: 40,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Tues',
color: const Color(0xFFEB7735),
size: 92,
sizeTwo: 85,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Wed',
color: const Color(0xFFFBBC05),
size: 120,
sizeTwo: 100,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Thurs',
color: const Color(0xFFFBBC05),
size: 86,
sizeTwo: 220,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Fri',
color: const Color(0xFFFBBC05),
size: 64,
sizeTwo: 170,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Sat',
color: const Color(0xFFFBBC05),
size: 155,
sizeTwo: 120,
colorTwo: Colors.blue,
),
HorizontalDetailsModel(
name: 'Sun',
color: const Color(0xFFFBBC05),
size: 200,
sizeTwo: 96,
colorTwo: Colors.blue,
),
],
verticalInterval: 100,
horizontalBarPadding: 20,
),
),
);
}
}
copied to clipboard
verticalInterval is the space between the line at the vertical size
listOfHorizontalBarData is a list of HorizontalDetailsModel, this is used to create the horizontal bars shown.
horizontalBarPadding is to adjust the spacing between one bar to another, in case u experience overflow, the default size is 22
makeItDouble is set to true if the bars are to be two, its default value is false

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter