Back Button on Landing Page 1
parent
d48a4ff4e3
commit
9c7e8e3637
@ -0,0 +1,69 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncfusion_flutter_charts/charts.dart';
|
||||||
|
import 'package:syncfusion_flutter_charts/sparkcharts.dart';
|
||||||
|
|
||||||
|
class SyncFuChart extends StatelessWidget {
|
||||||
|
|
||||||
|
List<_SalesData> data = [
|
||||||
|
_SalesData('Jan', 35),
|
||||||
|
_SalesData('Feb', 28),
|
||||||
|
_SalesData('Mar', 34),
|
||||||
|
_SalesData('Apr', 32),
|
||||||
|
_SalesData('May', 40),
|
||||||
|
];
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text('Syncfusion Flutter chart'),
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
//Initialize the chart widget
|
||||||
|
SfCartesianChart(
|
||||||
|
primaryXAxis: CategoryAxis(),
|
||||||
|
// Chart title
|
||||||
|
title: ChartTitle(text: 'Half yearly sales analysis'),
|
||||||
|
// Enable legend
|
||||||
|
legend: Legend(isVisible: true),
|
||||||
|
// Enable tooltip
|
||||||
|
tooltipBehavior: TooltipBehavior(enable: true),
|
||||||
|
series: <ChartSeries<_SalesData, String>>[
|
||||||
|
LineSeries<_SalesData, String>(
|
||||||
|
dataSource: data,
|
||||||
|
xValueMapper: (_SalesData sales, _) => sales.year,
|
||||||
|
yValueMapper: (_SalesData sales, _) => sales.sales,
|
||||||
|
name: 'Sales',
|
||||||
|
// Enable data label
|
||||||
|
dataLabelSettings: DataLabelSettings(isVisible: true))
|
||||||
|
]),
|
||||||
|
Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
//Initialize the spark charts widget
|
||||||
|
child: SfSparkLineChart.custom(
|
||||||
|
//Enable the trackball
|
||||||
|
trackball: SparkChartTrackball(activationMode: SparkChartActivationMode.tap),
|
||||||
|
//Enable marker
|
||||||
|
marker: SparkChartMarker(displayMode: SparkChartMarkerDisplayMode.all),
|
||||||
|
//Enable data label
|
||||||
|
labelDisplayMode: SparkChartLabelDisplayMode.all,
|
||||||
|
xValueMapper: (int index) => data[index].year,
|
||||||
|
yValueMapper: (int index) => data[index].sales,
|
||||||
|
dataCount: 5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _SalesData {
|
||||||
|
_SalesData(this.year, this.sales);
|
||||||
|
|
||||||
|
final String year;
|
||||||
|
final double sales;
|
||||||
|
}
|
Loading…
Reference in New Issue