fl_heatmap 0.0.1 fl_heatmap: ^0.0.1 copied to clipboard
A heatmap for Flutter apps
import 'dart:math';
import 'package:fl_heatmap/fl_heatmap.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
HeatmapItem? selectedItem;
late HeatmapData heatmapData;
@override
void initState() {
_initExampleData();
super.initState();
}
void _initExampleData() {
const rows = [
'2022',
'2021',
'2020',
'2019',
];
const columns = [
'Jan',
'Feb',
'Mär',
'Apr',
'Mai',
'Jun',
'Jul',
'Aug',
'Sep',
'Okt',
'Nov',
'Dez',
];
final r = Random();
const String unit = 'kWh';
heatmapData = HeatmapData(rows: rows, columns: columns, items: [
for (int row = 0; row < rows.length; row++)
for (int col = 0; col < columns.length; col++)
HeatmapItem(
value: r.nextDouble() * 6,
unit: unit,
xAxisLabel: columns[col],
yAxisLabel: rows[row]),
]);
}
@override
Widget build(BuildContext context) {
final title = selectedItem != null
? '${selectedItem!.value.toStringAsFixed(2)} ${selectedItem!.unit}'
: '--- ${heatmapData.items.first.unit}';
final subtitle = selectedItem != null
? '${selectedItem!.xAxisLabel} ${selectedItem!.yAxisLabel}'
: '---';
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Heatmap plugin example app'),
),
body: SingleChildScrollView(
child: Column(
children: [
const SizedBox(height: 16),
Text(title, textScaleFactor: 1.4),
Text(subtitle),
const SizedBox(height: 8),
Heatmap(
onItemSelectedListener: (HeatmapItem? selectedItem) {
debugPrint(
'Item ${selectedItem?.yAxisLabel}/${selectedItem?.xAxisLabel} with value ${selectedItem?.value} selected');
setState(() {
this.selectedItem = selectedItem;
});
},
heatmapData: heatmapData)
],
),
),
),
);
}
}