Fix: CustomAnnotation == logic

[dan12411]

Description

By adding a CustomAnnotation circle at the last interval mark, when data growing the circle position would not change.

Solution

Add compare values data:

   @override
   bool operator ==(Object other) =>
      other is CustomAnnotation && super == other && values == other.values;

Test

As is:

As.is.webm

To be:

To.be.webm

Demo Sample Code:

CustomAnnotation:

                  annotations: [
                    CustomAnnotation(
                      renderer: (offset, size) =>
                          [CircleElement(center: offset, radius: 8, style: PaintStyle(fillColor: Colors.green))],
                      values: [data.last['genre'], data.last['sold']],
                    ),
                  ],

Adding new data after 5s:

    data = [
      {'genre': 'Sports', 'sold': rdm.nextInt(300)},
    ];

    int index = 1;

    timer = Timer.periodic(const Duration(seconds: 1), (_) {
      setState(() {
        if (index >= 5) {
          data.last = ({'genre': 'Other_4', 'sold': rdm.nextInt(300)});
          data = List.of(data);
          return;
        }

        data.add({'genre': 'Other_${index}', 'sold': rdm.nextInt(300)});
        data = List.from(data);
        index += 1;
      });
    });

[entronad]

The values equality is checked in the parent class (and is deep equality test):

graphic/lib/src/guide/annotation/element.dart

Line 58 in a206f83

deepCollectionEquals(values, values) &&

I don't know why it desen't work

[dan12411]

OK, I will take more survey, thanks for relay.