Memory leak on rebuilding charts...
Hi there,
We have a massive problem with Syncfusion charts for flutter. Whenever the chart gets rebuilt (i.e. setState is called), the chart is leaking memory.
We have created a simple reproduction, that shows the problem. Every time the chart is rebuilt (which in our case can be a lot depending on user actions), the chart points seem to be doubled. here is a snippet (with full source code attached)
import 'dart:async';
import 'dart:math';
import 'package:syncfusion_flutter_charts/charts.dart';
import 'package:flutter/material.dart';
final Random random = Random();
class Chart extends StatefulWidget {
// ignore: prefer_const_constructors_in_immutables
Chart({Key? key}) : super(key: key);
@override
_ChartState createState() => _ChartState();
}
class _ChartState extends State<Chart> {
@override
void initState() {
super.initState();
Timer.periodic(
const Duration(milliseconds: 100),
(Timer t) => setState(() {}),
);
}
final zoomPan = ZoomPanBehavior();
final myAxis = NumericAxis();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Memory Leak Demo')),
body: SfCartesianChart(
primaryXAxis: myAxis,
series: [
LineSeries<_SalesData, double>(
dataSource: List.generate(
1000,
(index) => _SalesData(index.toDouble(), index.toDouble()),
),
xValueMapper: (_SalesData sales, _) => sales.year,
yValueMapper: (_SalesData sales, _) => sales.sales,
),
],
zoomPanBehavior: zoomPan,
),
);
}
}
class _SalesData {
_SalesData(this.year, this.sales);
final double year;
final double sales;
}
A screenshot for the memory usage (after a minute or two) can be seen here:
two)
Thanks in advance for the help!
Kind regards,
Luca from Gutta
Attachment: syncfusion_memory_leak_4903e7ea.zip
SIGN IN To post a reply.
7 Replies
Hi Luca,
We ensured that the memory leak happen due to calling setState over every 100 milliseconds, we regret to use the setState for updating the data source because while calling the setState it rebuilds the whole chart widget instead of updating the data source alone. So, here we suggest the updateDataSource public method to update the data source in the chart. It will update the latest data point added in the list and does not rebuild the whole chart widget. We have modified the provided sample and attached it below for your reference.
Sample: https://www.syncfusion.com/downloads/support/forum/173730/ze/syncfusion_memory_leak-165755799
Regards,
Yuvaraj.
Hi Yuvaraj,
We have tried running our chart with syncfusion_flutter_chart version 20.1.56 and the problem is still persisting.
SIGN IN To post a reply.
