Skip to content

Instantly share code, notes, and snippets.

@imaNNeo
Created January 15, 2023 12:47
Show Gist options
  • Save imaNNeo/3db335be8502414b405c7177e4da7e29 to your computer and use it in GitHub Desktop.
Save imaNNeo/3db335be8502414b405c7177e4da7e29 to your computer and use it in GitHub Desktop.
Titles inside the chart
import 'package:example/bar_chart/bar_chart_page.dart';
import 'package:example/bar_chart/bar_chart_page2.dart';
import 'package:example/bar_chart/bar_chart_page3.dart';
import 'package:example/line_chart/line_chart_page.dart';
import 'package:example/line_chart/line_chart_page2.dart';
import 'package:example/line_chart/line_chart_page3.dart';
import 'package:example/line_chart/line_chart_page4.dart';
import 'package:example/pie_chart/pie_chart_page.dart';
import 'package:example/radar_chart/radar_chart_page.dart';
import 'package:example/scatter_chart/scatter_chart_page.dart';
import 'package:example/utils/platform_info.dart';
import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'FlChart Demo',
home: Scaffold(
body: Center(
child: AspectRatio(
aspectRatio: 1.70,
child: Padding(
padding: const EdgeInsets.only(right: 48),
child: LineChart(
LineChartData(
titlesData: FlTitlesData(
show: true,
rightTitles: AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
topTitles: AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
bottomTitles: AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
interval: 1,
getTitlesWidget: (value, meta) {
const style = TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
fontSize: 15,
shadows: [
Shadow(
color: Colors.redAccent,
blurRadius: 16,
)
],
);
String text;
switch (value.toInt()) {
case 1:
text = '10K';
break;
case 3:
text = '30k';
break;
case 5:
text = '50k';
break;
default:
return Container();
}
return Transform.translate(
offset: const Offset(44, -10),
child: Text(
text,
style: style,
textAlign: TextAlign.left,
),
);
},
reservedSize: 42,
),
),
),
borderData: FlBorderData(
show: true,
border: Border.all(color: const Color(0xff37434d)),
),
minX: 0,
maxX: 11,
minY: 0,
maxY: 6,
lineBarsData: [
LineChartBarData(
spots: const [
FlSpot(0, 3),
FlSpot(2.6, 2),
FlSpot(4.9, 5),
FlSpot(6.8, 3.1),
FlSpot(8, 4),
FlSpot(9.5, 3),
FlSpot(11, 4),
],
isCurved: true,
barWidth: 5,
isStrokeCapRound: true,
dotData: FlDotData(
show: false,
),
),
],
),
),
),
),
),
),
);
}
}
@imaNNeo
Copy link
Author

imaNNeo commented Jan 15, 2023

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment