Hi @moha-b,

We have analyzed your query and found that the sorting works correctly when using English month names. However, after replacing them with Arabic month strings, the chart no longer maintains the intended chronological order. To resolve this, we implemented a sorting mechanism by alphabetically sorting the keys of rawSeries1 and rawSeries2.

This ensures that the data is displayed in the correct order for chart visualization. We then mapped the sorted keys to the respective data points. For the Arabic version, we translated the English month names using the isArabic flag. This approach ensures that the months are displayed chronologically from January to December, regardless of the language setting. We have shared a code snippet and a sample for your reference.

Code Snippet

final bool isArabic;

  @override
  Widget build(BuildContext context) {
    const arabicMonths = {
      'January': 'يناير',
      'February': 'فبراير',
      'March': 'مارس',
      'April': 'أبريل',
      'May': 'مايو',
      'June': 'يونيو',
      'July': 'يوليو',
      'August': 'أغسطس',
      'September': 'سبتمبر',
      'October': 'أكتوبر',
      'November': 'نوفمبر',
      'December': 'ديسمبر',
    };

    final Map<String, double> rawSeries1 = {
      'January': 50,
      'February': 80,
      'March': 60,
      'April': 90,
      'May': 85,
      'June': 70,
      'July': 75,
      'August': 65,
      'September': 55,
      'October': 45,
      'November': 78,
      'December': 95,
    };

    final Map<String, double> rawSeries2 = {
      'January': 70,
      'February': 65,
      'March': 75,
      'April': 55,
      'May': 60,
      'June': 55,
      'July': 68,
      'August': 72,
      'September': 64,
      'October': 58,
      'November': 81,
      'December': 88,
    };

    // Alphabetical sorting
    final sortedKeys = rawSeries1.keys.toList()..sort();

    final List<ChartData> series1Data = sortedKeys
        .map((month) => ChartData(
              isArabic ? arabicMonths[month]! : month,
              rawSeries1[month]!,
            ))
        .toList();

    final List<ChartData> series2Data = sortedKeys
        .map((month) => ChartData(
              isArabic ? arabicMonths[month]! : month,
              rawSeries2[month]!,
            ))
        .toList();

    return SfCartesianChart(
      tooltipBehavior: TooltipBehavior(enable: true),
      title: ChartTitle(
          text: isArabic
              ? 'المبيعات الشهرية (مرتب أبجدياً)'
              : 'Monthly Sales (Alphabetical)'),
      legend: const Legend(isVisible: true),
      primaryXAxis: CategoryAxis(
        title: AxisTitle(text: isArabic ? 'الشهر' : 'Month'),
      ),
      series: <CartesianSeries>[
        ColumnSeries<ChartData, String>(
          sortingOrder: SortingOrder.none,
          name: isArabic ? 'المنتج أ' : 'Product A',
          dataSource: series1Data,
          xValueMapper: (data, _) => data.x,
          yValueMapper: (data, _) => data.y,
        ),
        ColumnSeries<ChartData, String>(
          sortingOrder: SortingOrder.none,
          name: isArabic ? 'المنتج ب' : 'Product B',
          dataSource: series2Data,
          xValueMapper: (data, _) => data.x,
          yValueMapper: (data, _) => data.y,
        ),
      ],
    );
  }
}

class ChartData {
  ChartData(this.x, this.y);
  final String x;
  final double y;
}

Output:

If you still face the issue, we kindly request you to try to replicate the reported issue in the below attached test sample, so that we can better assist you.

Note:
If you set the SortingOrder to ascending or descending, the chart will again sort based on the string values of the X-axis. This causes the labels to be sorted alphabetically in both English and Arabic, which disrupts the intended chronological order.
For example, with the X-values January, February and March:

In English, the months are sorted alphabetically by their first letter:
• January (J) → 10th in the alphabet
• February (F) → 6th in the alphabet
• March (M) → 13th in the alphabet

This leads to the following order:
• Ascending: February → January → March
• Descending: March → January → February

In Arabic, the months are sorted based on their first letter too. Here's the breakdown:
• يناير (January) starts with ي (Ya) → 28th letter in Arabic alphabet.
• فبراير (February) starts with ف (Fa) → 20th letter in Arabic alphabet.
• مارس (March) starts with م (Meem) → 24th letter in Arabic alphabet.

This leads to the following order:
• Ascending: فبراير (Feb) → مارس (Mar) → يناير (Jan)
• Descending: يناير (Jan) → مارس (Mar) → فبراير (Feb)

Regarding multiple series:
If the first series contains only January and February, and the second series contain January, February, and March, then the sorting is based only on the first series. The first series decides the axis rendering. This leads to the following order:
• Ascending: February → January → March
• Descending: January → February → March

Month (EN - AR)	English alphabets order number	Arabic Alphabet Order	Multiple Series (X-values)	Single Series (X-values)
January - يناير February - فبراير March - مارس	J - 10 F - 6 M - 13	ي - 28 ف - 20 م - 24	Series 1: January, February Series 2: January, February, March	January, February, March
Sorting Order: None	January February March	January February March	January → February → March	January → February → March
Ascending	February January March	February March January	February → January → March	February → March → January
Descending	March January February	January March February	March → January → February	January → March → February

If this is not your case, we kindly request you to share with us more information on what you’re proposing as your requirement and usage along with the screenshot and complete sample.

Please check and get back to us if you require further assistance.

Regards,
Preethika Selvam.

gh2275 1.zip

Could you please add the Arabic or English months for sorting?

In your code sample, u showed the English months sorted alphabetically, then translated to Arabic. Be aware that the Arabic alphabet is different from the English one, so the Arabic alphabetical sorting is wrong.

But this is not our concern, I don't look for alphabetical sorting, I pass to the chart a sorted list, why is it sorting it based on the String?

so if I passed to it a list of integars does it sort it from 1 to 100 by default ?