こんにちわ いせきです。
今回はチャートを作ってみました。
レッツトライ
１、ファイルを追加してください
dependencies:
syncfusion_flutter_charts: ^20.3.59
chart.dart
import 'dart:ui';
class ChartData {
ChartData(this.x, this.y, this.color);
final String x;
final double y;
final Color color;
}
main.dart
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:money_records_app/model/chart_data.dart';
import 'package:syncfusion_flutter_charts/charts.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
debugShowCheckedModeBanner: false,
home: GraphScreen(),
);
}
}
class GraphScreen extends StatefulWidget {
const GraphScreen({Key? key}) : super(key: key);
@override
State<GraphScreen> createState() => _GraphScreenState();
}
class _GraphScreenState extends State<GraphScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
backgroundColor: const Color(0xFF4A67AD),
elevation: 0,
),
body: Column(
children: [
SizedBox(
width: MediaQuery.of(context).size.width,
height: 200,
child: SfCircularChart(
series: <CircularSeries>[
PieSeries<ChartData, String>(
dataLabelSettings: const DataLabelSettings(isVisible: true),
dataSource: [
// Bind data source
ChartData('Jan', 35, Colors.red),
ChartData('Feb', 28, Colors.white),
ChartData('Mar', 34, Colors.blue),
ChartData('Apr', 32, Colors.yellowAccent),
ChartData('May', 40, Colors.greenAccent),
],
xValueMapper: (ChartData data, _) => data.x,
yValueMapper: (ChartData data, _) => data.y,
)
],
),
),
],
),
);
}
}
画像
最後に
Verooは、Blockchain技術を活用した「想いの巡るグルメSNSアプリ」です。食に対する熱量、例えばラーメンがめちゃくちゃ好きで年間400杯食べているとか、変態的に具材にこだわった中華料理を作っているなどのような、今まで直接お金にはならなかった食に対する情熱や熱量、その裏側にある想いがトークンを使うことで巡る世界。自分のラーメンに費やす熱量がコミュニティに承認される。自分がほんとにいいと思って作った食べ物がコミュニティで広まる。Verooは単なるSNSアプリではなく、クリエイターたちの想いが紡がれるソーシャルグルメアプリです。