|
ChartSeriesController? _chartSeriesController;
@override
Widget build(BuildContext context) {
List<CartesianSeries<TimeSeriesSales, String>> seriesList =
[
ColumnSeries<TimeSeriesSales, String>(
name: 'Original cost',
color: widget.data1color,
borderRadius: BorderRadius.circular(6),
dataSource: _createData(widget.data1),
xValueMapper: (TimeSeriesSales sales, _) => sales.time,
yValueMapper: (TimeSeriesSales sales, _) => sales.sales,
),
ColumnSeries<TimeSeriesSales, String>(
name: 'Actual cost',
color: widget.data2color,
borderRadius: BorderRadius.circular(6),
dataSource: _createData(widget.data2),
xValueMapper: (TimeSeriesSales sales, _) => sales.time,
yValueMapper: (TimeSeriesSales sales, _) => sales.sales,
),
LineSeries<TimeSeriesSales, String>(
onRendererCreated: (ChartSeriesController controller) {
_chartSeriesController = controller;
},
name: 'ESR',
color: widget.data3color,
dataSource: _createData(widget.data3),
xValueMapper: (TimeSeriesSales sales, _) => sales.time,
yValueMapper: (TimeSeriesSales sales, _) => sales.sales,
yAxisName: 'percentage',
markerSettings: const MarkerSettings(isVisible: true)),
];
return Column(
children: [
Expanded(
child: SizedBox(
width: widget.width,
height: widget.height,
child: SfCartesianChart(
onLegendTapped: (legendTapArgs) {
setState(() {});
},
plotAreaBorderWidth: 0,
primaryXAxis: CategoryAxis(
axisLine: const AxisLine(width:
0),
majorTickLines: const MajorTickLines(size:
0),
majorGridLines: const MajorGridLines(width:
0),
labelStyle: const TextStyle(
color: Color(0xFFc9c9c9),
fontFamily: 'Montserrat',
fontSize: 12,
),
edgeLabelPlacement: EdgeLabelPlacement.none,
plotBands: <PlotBand>[
PlotBand(
isVisible: true,
start: widget.plotBandPosition,
end: widget.plotBandPosition,
color: Colors.grey.withOpacity(0.5),
borderWidth: 4,
borderColor: Colors.grey,
text: 'Dotted
Started',
textAngle: 0,
horizontalTextPadding:
'-2%',
verticalTextPadding:
'-2%',
textStyle: const
TextStyle(
color: Colors.grey,
fontWeight:
FontWeight.bold,
fontFamily:
'Montserrat',
fontSize:
12,
),
verticalTextAlignment:
TextAnchor.start,
horizontalTextAlignment:
TextAnchor.end,
),
],
),
primaryYAxis: NumericAxis(
isVisible: true,
numberFormat:
NumberFormat.currency(locale:
'en_US', symbol: '\$'),
axisLine: const AxisLine(width:
0),
majorTickLines: const MajorTickLines(size:
0),
majorGridLines:
const MajorGridLines(width:
0, color: Color(0xFFcccccc)),
labelStyle: const TextStyle(
color: Color(0xFFc9c9c9),
fontFamily: 'Montserrat',
fontSize: 12,
),
edgeLabelPlacement: EdgeLabelPlacement.none,
),
axes: <ChartAxis>[
NumericAxis(
isVisible: _chartSeriesController
!= null
? _chartSeriesController!.isVisible
: true,
opposedPosition: true,
name: 'percentage',
labelFormat: '{value}%',
numberFormat: NumberFormat.decimalPattern(),
axisLine: const AxisLine(width:
0),
majorTickLines: const
MajorTickLines(size: 0),
majorGridLines:
const MajorGridLines(width:
0, color: Color(0xFFcccccc)),
labelStyle: const TextStyle(
color: Color(0xFFc9c9c9),
fontFamily: 'Montserrat',
fontSize: 12,
),
edgeLabelPlacement: EdgeLabelPlacement.none,
),
],
legend: const Legend(
isVisible: true,
position: LegendPosition.top,
alignment: ChartAlignment.far,
textStyle: TextStyle(
color: Color(0xFF262626),
fontFamily: 'Montserrat',
fontSize: 14,
fontWeight: FontWeight.bold,
)),
|
