time_chart
An amazing time chart in Flutter.
Chart Types
| TimeChart | AmountChart |
|---|---|
 |
 |
 |
 |
Getting Started
1 - Depend on it
Add it to your package's pubspec.yaml file
dependencies:
time_chart: ^0.1.0-nullsafety.1
2 - Install it
Install packages from the command line
flutter packages get
3 - Usage
Just input your DateTimeRange list to data: argument. The list must be sorted. First data is latest, last data is oldest. And set the ViewMode.
Example
import 'package:flutter/material.dart';
import 'package:time_chart/time_chart.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// Data must be sorted.
final data = [
DateTimeRange(
start: DateTime(2021,2,24,23,15),
end: DateTime(2021,2,25,7,30),
),
DateTimeRange(
start: DateTime(2021,2,22,1,55),
end: DateTime(2021,2,22,9,12),
),
DateTimeRange(
start: DateTime(2021,2,20,0,25),
end: DateTime(2021,2,20,7,34),
),
DateTimeRange(
start: DateTime(2021,2,17,21,23),
end: DateTime(2021,2,18,4,52),
),
DateTimeRange(
start: DateTime(2021,2,13,6,32),
end: DateTime(2021,2,13,13,12),
),
DateTimeRange(
start: DateTime(2021,2,1,9,32),
end: DateTime(2021,2,1,15,22),
),
DateTimeRange(
start: DateTime(2021,1,22,12,10),
end: DateTime(2021,1,22,16,20),
),
];
@override
Widget build(BuildContext context) {
final sizedBox = const SizedBox(height: 16);
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('Time chart example app')),
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
const Text('Weekly time chart'),
TimeChart(
data: data,
viewMode: ViewMode.weekly,
),
sizedBox,
const Text('Monthly time chart'),
TimeChart(
data: data,
viewMode: ViewMode.monthly,
),
sizedBox,
const Text('Weekly amount chart'),
TimeChart(
data: data,
chartType: ChartType.amount,
viewMode: ViewMode.weekly,
barColor: Colors.deepPurple,
),
sizedBox,
const Text('Monthly amount chart'),
TimeChart(
data: data,
chartType: ChartType.amount,
viewMode: ViewMode.monthly,
barColor: Colors.deepPurple,
),
],
),
),
),
),
);
}
}
Supported languages
| English | Korean |
|---|---|
|
 |
You can also use korean language by Internationalizing Flutter apps.
Kindly handle this issue ASAP and add a param shawTooltip(true/false).
| 
|
19 Oct 11, 2022
428 Dec 21, 2022
9 Oct 27, 2022
342 Jan 9, 2023
259 Dec 30, 2022
51 Sep 25, 2022
161 Dec 24, 2022
44 Dec 10, 2022
2 Jun 2, 2022
14 Oct 17, 2022
1 Dec 26, 2021
36k Dec 28, 2022
1 Dec 26, 2021
225 Dec 25, 2022
387 Dec 26, 2022
402 Dec 21, 2022
629 Dec 29, 2022