vertical_barchart

Description:

vertical barchart

vertical_barchart #

Need large item on bar chart? Here is Vertical BarChart, simple, responsive and beautiful chart. Expanded Height make this chart more dynamics.


Key Features •
Examples





Key Features #

Easy to use
Vertical responsive bars
Initial and touch animation
Legend
Bars Description

packages.yaml #
vertical_barchart: <lastest version>
copied to clipboard
Import #
import 'package:vertical_barchart/vertical_barchart.dart';
copied to clipboard
Simple implementation #
List<VBarChartModel> bardata = [
VBarChartModel(
index: 0,
label: "Strawberry",
colors: [Colors.orange, Colors.deepOrange],
jumlah: 20,
tooltip: "20 Pcs",
description: Text(
"Most selling fruit last week",
style: TextStyle(fontSize: 10),
),
),
VBarChartModel(
index: 1,
label: "Apple",
colors: [Colors.orange, Colors.deepOrange],
jumlah: 55,
tooltip: "55 Pcs",
description: Text(
"Most selling fruit this week",
style: TextStyle(fontSize: 10),
),
),
VBarChartModel(
index: 2,
label: "Broccoli",
colors: [Colors.teal, Colors.indigo],
jumlah: 12,
tooltip: "12 Pcs",
),
VBarChartModel(
index: 3,
label: "Chilli",
colors: [Colors.teal, Colors.indigo],
jumlah: 5,
tooltip: "5 Pcs",
),
VBarChartModel(
index: 4,
label: "Manggo",
colors: [Colors.orange, Colors.deepOrange],
jumlah: 15,
tooltip: "15 Pcs",
),
VBarChartModel(
index: 5,
label: "Asparagus",
colors: [Colors.teal, Colors.indigo],
jumlah: 30,
tooltip: "30 Pcs",
description: Text(
"Favorites vegetables",
style: TextStyle(fontSize: 10),
),
),
];

VerticalBarchart(
maxX: 55,
data: bardata,
showLegend: true,
legend: [
Vlegend(
isSquare: false,
color: Colors.orange,
text: "Fruits",
),
Vlegend(
isSquare: false,
color: Colors.teal,
text: "Vegetables",
)
],
),
copied to clipboard
Example alwaysShowDescription and showBackdrop:
VerticalBarchart(
maxX: 55,
data: bardata,
showLegend: true,
alwaysShowDescription: true,
showBackdrop: true,
legend: [
Vlegend(
isSquare: false,
color: Colors.orange,
text: "Fruits",
),
Vlegend(
isSquare: false,
color: Colors.teal,
text: "Vegetables",
)
],
),
copied to clipboard




Properties
Description




background
Background color of the container


labelColor
Color of the label, default is Colors.indigo


tooltipColor
Color of the tooltip shown at right side of bar, default is COlors.indigo


tooltipSize
Tooltip width


maxX
Maximum size of bars, use your List<VBarChartModel> biggest value, or you can choose more than it.


labelSizeFactor
Width of label space reserved, range is from 0.0 - 0.5, default is 0.33


showLegend
Show or hide legend, the legend must not be null.


data
Your Bar Data.


legend
Legend data, use legend as group of colors of the bar.


legendPosition
Position of legend, LegendPosition.TOP or LegendPosition.BOTTOM, default is LegendPosition.BOTTOM


alwaysShowDescription
Show or hide all description, true will override the tapping function on bars


showBackdrop
Show or hide backdrop of bars


backdropColor
Set custom colors of backdrop


barSize
Set size of bars


barStyle
Set style of bar : BarStyle.DEFAULT or BarStyle.CIRCLE



Support #
I would be very grateful if you buy me a cup of coffee.