import 'package:agrilink_vocpro/core/constant/app_color.dart'; import 'package:fl_chart/fl_chart.dart'; import 'package:flutter/material.dart'; class GarphicWidget extends StatelessWidget { const GarphicWidget({super.key, thi}); @override Widget build(BuildContext context) { return BarChart( BarChartData( barTouchData: barTouchData, titlesData: titlesData, borderData: borderData, barGroups: barGroups, gridData: const FlGridData(show: false), alignment: BarChartAlignment.spaceAround, maxY: 20, ), ); } } BarTouchData get barTouchData => BarTouchData( enabled: false, touchTooltipData: BarTouchTooltipData( getTooltipColor: (group) => Colors.transparent, tooltipPadding: EdgeInsets.zero, tooltipMargin: 8, getTooltipItem: ( BarChartGroupData group, int groupIndex, BarChartRodData rod, int rodIndex, ) { return BarTooltipItem( rod.toY.round().toString(), const TextStyle( color: AppColor.textDark, fontWeight: FontWeight.bold, ), ); }, ), ); Widget getTitles(double value, TitleMeta meta) { const style = TextStyle( color: AppColor.textDark, fontWeight: FontWeight.bold, fontSize: 14, ); String text; switch (value.toInt()) { case 0: text = 'Mon'; break; case 1: text = 'Tue'; break; case 2: text = 'Wed'; break; case 3: text = 'Thu'; break; case 4: text = 'Fri'; break; case 5: text = 'Sat'; break; case 6: text = 'Sun'; break; default: text = ''; break; } return SideTitleWidget( axisSide: meta.axisSide, space: 4, child: Text(text, style: style), ); } FlTitlesData get titlesData => const FlTitlesData( show: true, bottomTitles: AxisTitles( sideTitles: SideTitles( showTitles: true, reservedSize: 30, getTitlesWidget: getTitles, ), ), leftTitles: AxisTitles( sideTitles: SideTitles(showTitles: false), ), topTitles: AxisTitles( sideTitles: SideTitles(showTitles: false), ), rightTitles: AxisTitles( sideTitles: SideTitles(showTitles: false), ), ); FlBorderData get borderData => FlBorderData( show: false, ); LinearGradient get _barsGradient => const LinearGradient( colors: [ AppColor.secondary, AppColor.ternary, ], begin: Alignment.bottomCenter, end: Alignment.topCenter, ); List get barGroups => [ BarChartGroupData( x: 0, barRods: [ BarChartRodData( toY: 8, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 1, barRods: [ BarChartRodData( toY: 10, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 2, barRods: [ BarChartRodData( toY: 14, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 3, barRods: [ BarChartRodData( toY: 15, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 4, barRods: [ BarChartRodData( toY: 13, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 5, barRods: [ BarChartRodData( toY: 10, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), BarChartGroupData( x: 6, barRods: [ BarChartRodData( toY: 16, gradient: _barsGradient, ) ], showingTooltipIndicators: [0], ), ];