ColumnSeries and StackedColumnSeries do not show more then 6 bars on native Android

[Matthias Koch]

Hi

for both series on native Android, in case there are more than 6 data series on X only the first is shown.
until all 6 are shown. 
on web, it is possible to see even more than 12 data series on the same Android device. 
So something is wrong with the native Android version. 

[Lokesh Palani]

Hi Matthias,

We have checked the reported issue regarding ‘ColumnSeries not displayed when set more than 10 series’ and tried to replicate it in the SfCartesianChart with version 25.1.42+1 by adding the ColumnSeries. We have tested by adding the ColumnSeries in the onPressed event of TextButton in the Mobile Platform. However, we were unable to reproduce it on our end. Please check the attached sample and screen recording, and if you are still experiencing the issue, we request that you replicate it in the attached sample and provide us with more details regarding the specific scenario in which you are encountering this issue. This will help us to assist you more effectively.

Used Flutter SDK version: 3.19.6

Regards,

Lokesh P.

Attachment: chart_188157_9dd2d730.zip

[Matthias Koch]

Hi,

thanks for the answer, but unfortunately I still have the issue with the latest version, using Flutter SDK 3.19.6 

attached are two screenshots from the same Android device: Samsung S9 (but also on a Google Pixel 8 Pro I have this issue) 

The web view showed all series correctly whereas the native Android version only shows the last series. 

it just 6 series that are shown properly. the 7th and only one is shown. 
Also in landscape mode, I see this. 


this is the code I'm using:

class TimedChartData {
  TimedChartData(this.value, this.valueRatio, this.dateValue, this.tooltip, this.color);

  final double value;
  final int valueRatio;
  final DateTime dateValue;
  final String tooltip;
  final Color color;
}

SfCartesianChart(
  enableSideBySideSeriesPlacement: true,
  enableAxisAnimation: true,
  trackballBehavior: TrackballBehavior(
    enable: true,
    activationMode: ActivationMode.singleTap,
    tooltipDisplayMode: TrackballDisplayMode.groupAllPoints,
  ),
  legend: const Legend(
    isVisible: true,
    position: LegendPosition.bottom,
  ),
  primaryXAxis: DateTimeCategoryAxis(
    dateFormat: DateFormat.y(),
    minimum: stackedData.first.data.first.dateValue,
    maximum: stackedData.first.data.last.dateValue,
    labelPlacement: LabelPlacement.betweenTicks,
    labelIntersectAction: AxisLabelIntersectAction.rotate90,
  ),
  primaryYAxis: const NumericAxis(),
  series: stackedData.map((e) {
    return StackedColumnSeries<TimedChartData, DateTime>(
      dataSource: e.data,
      xValueMapper: (TimedChartData data, _) => data.dateValue,
      yValueMapper: (TimedChartData data, _) => data.value,
      dataLabelSettings: const DataLabelSettings(
        labelAlignment: ChartDataLabelAlignment.auto,
        overflowMode: OverflowMode.shift,
        showZeroValue: false,
        labelPosition: ChartDataLabelPosition.outside,
        isVisible: true,
        textStyle: TextStyle(fontSize: 10),
      ),
      emptyPointSettings: EmptyPointSettings(
        mode: EmptyPointMode.drop,
      ),
      name: e.label,
      enableTooltip: true,
      color: e.color,
    );
  }).toList(),
);

Attachment: Archiv_164f3a6b.zip

[Lokesh Palani]

Hi Matthias,

We have validated the attached code snippet and screenshot and tried to replicate it in the SfCartesianChart with version 25.2.3 by using the StackedColumnSeries. We have tested by displaying 10 StackedColumnSeries on the Mobile Platform. Still, we weren't able to reproduce it on our end. Please check the attached sample and screenshot, and if you are still experiencing the issue, we request that you replicate it in the attached sample and provide us with more details mentioned below. Also please share the following information, this will help us to assist you more effectively.

·      What version of the syncfusion_flutter_charts is used?

·      What version of Flutter SDK is used?

• Please share the dataSource used to render a StackedColumnSeries if possible

Regards,

Lokesh P.

Attachment: forum_188157_chart_3e28b334.zip

[Matthias Koch]

Hi,

thanks a lot for all the support. 

I finally found the issue:

The list has the wrong sorting, 

the month 10 was first in the list, and as I set the range for X Values from first to last list element it was just from 10 to 9, which results in just showing the value of 10.

On the web for an unknown reason the map gets sorted automatically, that's why there it all worked fine. Even the dev inspector from the web browser shows the list in proper order even the raw response isn't

strange things, but good to know this, and best that all is fine with these awesome charts lib :) 

[Lokesh Palani]

Hi Matthias,

We are happy to hear that the solution was found by yourself. If you have any further queries, please get back to us. We are always happy to assist you.

Regards,

Lokesh P.