Chart Select cümlesi ve diğer özellikler eklendi.

api/src/Kurs.Platform.Application.Contracts/ListForms/Select/SelectRequestDto.cs

@@ -89,6 +89,8 @@ public class SelectRequestDto
     /// <summary> Grid uzerinde kullanici tarafli bir degisiklik var mi
     /// </summary>
     /// <returns></returns>
+    public bool Chart { get; set; } = false;
+
     public bool IsChanged()
     {
         if (!Sort.IsNullOrEmpty() ||

api/src/Kurs.Platform.Application/ListForms/Administration/ListFormJsonRowAppService.cs

@@ -88,16 +88,16 @@ public class ListFormJsonRowAppService : PlatformAppService
                 listForm.ExtraFilterJson = CreateRow(listForm.ExtraFilterJson, ObjectMapper.Map<ExtraFilterEditDto, ExtraFilter>(model.ItemExtraFilter));
                 break;
             case ListFormEditTabs.ChartSeries.GeneralJsonRow:
-                listForm.SeriesJson = CreateRow(listForm.SeriesJson, ObjectMapper.Map<ChartSeriesDto, ChartSeries>(model.ItemChartSeries));
+                listForm.SeriesJson = CreateRow<ChartSeriesDto>(listForm.SeriesJson, model.ItemChartSeries);
                 break;
             case ListFormEditTabs.ChartAxis.ValueAxisJsonRow:
-                listForm.ValueAxisJson = CreateRow(listForm.ValueAxisJson, ObjectMapper.Map<ChartValueAxisDto, ChartValueAxis>(model.ItemChartValueAxis));
+                listForm.ValueAxisJson = CreateRow<ChartValueAxisDto>(listForm.ValueAxisJson, model.ItemChartValueAxis);
                 break;
             case ListFormEditTabs.ChartPanes.PanesJsonRow:
-                listForm.PanesJson = CreateRow(listForm.PanesJson, ObjectMapper.Map<ChartPanesDto, ChartPanes>(model.ItemChartPanes));
+                listForm.PanesJson = CreateRow<ChartPanesDto>(listForm.PanesJson, model.ItemChartPanes);
                 break;
             case ListFormEditTabs.ChartAnnotations.GeneralJsonRow:
-                listForm.AnnotationsJson = CreateRow(listForm.AnnotationsJson, ObjectMapper.Map<ChartAnnotationDto, ChartAnnotation>(model.ItemChartAnnotation));
+                listForm.AnnotationsJson = CreateRow<ChartAnnotationDto>(listForm.AnnotationsJson, model.ItemChartAnnotation);
                 break;
             default:
                 throw new UserFriendlyException(L[AppErrorCodes.ParameterNotValid]);
@@ -142,16 +142,16 @@ public class ListFormJsonRowAppService : PlatformAppService
                 listForm.ExtraFilterJson = UpdateRow(listForm.ExtraFilterJson, ObjectMapper.Map<ExtraFilterEditDto, ExtraFilter>(model.ItemExtraFilter), model.Index);
                 break;
             case ListFormEditTabs.ChartSeries.GeneralJsonRow:
-                listForm.SeriesJson = UpdateRow(listForm.SeriesJson, ObjectMapper.Map<ChartSeriesDto, ChartSeries>(model.ItemChartSeries), model.Index);
+                listForm.SeriesJson = UpdateRow<ChartSeriesDto>(listForm.SeriesJson, model.ItemChartSeries, model.Index);
                 break;
             case ListFormEditTabs.ChartAxis.ValueAxisJsonRow:
-                listForm.ValueAxisJson = UpdateRow(listForm.ValueAxisJson, ObjectMapper.Map<ChartValueAxisDto, ChartValueAxis>(model.ItemChartValueAxis), model.Index);
+                listForm.ValueAxisJson = UpdateRow<ChartValueAxisDto>(listForm.ValueAxisJson, model.ItemChartValueAxis, model.Index);
                 break;
             case ListFormEditTabs.ChartPanes.PanesJsonRow:
-                listForm.PanesJson = UpdateRow(listForm.PanesJson, ObjectMapper.Map<ChartPanesDto, ChartPanes>(model.ItemChartPanes), model.Index);
+                listForm.PanesJson = UpdateRow<ChartPanesDto>(listForm.PanesJson, model.ItemChartPanes, model.Index);
                 break;
             case ListFormEditTabs.ChartAnnotations.GeneralJsonRow:
-                listForm.AnnotationsJson = UpdateRow(listForm.AnnotationsJson, ObjectMapper.Map<ChartAnnotationDto, ChartAnnotation>(model.ItemChartAnnotation), model.Index);
+                listForm.AnnotationsJson = UpdateRow<ChartAnnotationDto>(listForm.AnnotationsJson, model.ItemChartAnnotation, model.Index);
                 break;
             default:
                 throw new UserFriendlyException(L[AppErrorCodes.ParameterNotValid]);
@@ -232,6 +232,7 @@ public class ListFormJsonRowAppService : PlatformAppService
             JsonSerializer.Deserialize<List<T>>(json);
         listData.Add(input);
         return JsonSerializer.Serialize(listData);
+
     }
 
     private string UpdateRow<T>(string json, T input, int index)

api/src/Kurs.Platform.Application/ListForms/ListFormSelectAppService.cs

@@ -183,6 +183,10 @@ public class ListFormSelectAppService : PlatformAppService, IListFormSelectAppSe
         {
             result.TotalCount = await dynamicDataRepository.ExecuteScalarAsync<int>(selectQueryManager.TotalCountQuery, connectionString, param);
         }
+        else if(queryParams.Chart && !string.IsNullOrEmpty(selectQueryManager.ChartQuery))
+        {
+            result.Data = await dynamicDataRepository.QueryAsync(selectQueryManager.ChartQuery, connectionString, param);
+        }
         else
         {
             result.Data = await dynamicDataRepository.QueryAsync(selectQueryManager.SelectQuery, connectionString, param);

api/src/Kurs.Platform.Domain/Queries/Break.cs

@@ -9,13 +9,15 @@ namespace Kurs.Platform.Queries;
 /// </summary>
 public class Break : ValueObject
 {
+    [JsonInclude]
     [JsonPropertyName("StartValue")]
     public int StartValue { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("EndValue")]
     public int EndValue { get; private set; }
 
-    protected Break() { } // Json buradan set edecek
+    public Break() { } // JSON için gerekli
 
     protected override IEnumerable<object> GetAtomicValues()
     {

api/src/Kurs.Platform.Domain/Queries/BreakStyle.cs

@@ -4,21 +4,22 @@ using Volo.Abp.Domain.Values;
 
 namespace Kurs.Platform.Queries;
 
-/// <summary>
-/// Break style tanımı
-/// </summary>
 public class BreakStyle : ValueObject
 {
+    [JsonInclude]
     [JsonPropertyName("Color")]
     public string Color { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Line")]
     public string Line { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Width")]
     public int Width { get; private set; }
 
-    protected BreakStyle() { }
+    // JSON deserialization için parametresiz public ctor bırak
+    public BreakStyle() { }
 
     protected override IEnumerable<object> GetAtomicValues()
     {

api/src/Kurs.Platform.Domain/Queries/ChartAnnotation.cs

@@ -1,31 +1,34 @@
 using System.Collections.Generic;
+using System.Text.Json.Serialization;
 using Volo.Abp.Domain.Values;
 
 namespace Kurs.Platform.Queries;
 
 public class ChartAnnotation : ValueObject
 {
-    public string Argument { get; private set; }
+    [JsonInclude] public string Argument { get; private set; }
-    public ChartBorder Border { get; private set; }
+    [JsonInclude] public ChartBorder Border { get; private set; } = new();
-    public string Color { get; private set; } = "#ffffff";
+    [JsonInclude] public string Color { get; private set; } = "#ffffff";
-    public string Description { get; private set; }
+    [JsonInclude] public string Description { get; private set; }
-    public ChartFont Font { get; private set; }
+    [JsonInclude] public ChartFont Font { get; private set; } = new();
-    public int Height { get; private set; } = -1;
+    [JsonInclude] public int Height { get; private set; } = -1;
-    public string Image { get; private set; }
+    [JsonInclude] public string Image { get; private set; }
-    public string Name { get; private set; }
+    [JsonInclude] public string Name { get; private set; }
-    public int OffsetX { get; private set; } = -1;
+    [JsonInclude] public int OffsetX { get; private set; } = -1;
-    public int OffsetY { get; private set; } = -1;
+    [JsonInclude] public int OffsetY { get; private set; } = -1;
-    public int PaddingLeftRight { get; private set; } = 10;
+    [JsonInclude] public int PaddingLeftRight { get; private set; } = 10;
-    public int PaddingTopBottom { get; private set; } = 10;
+    [JsonInclude] public int PaddingTopBottom { get; private set; } = 10;
-    public string Series { get; private set; }
+    [JsonInclude] public string Series { get; private set; }
-    public string Text { get; private set; }
+    [JsonInclude] public string Text { get; private set; }
-    public bool TooltipEnabled { get; private set; } = true;
+    [JsonInclude] public bool TooltipEnabled { get; private set; } = true;
-    public string Type { get; private set; }
+    [JsonInclude] public string Type { get; private set; }
-    public string Value { get; private set; }
+    [JsonInclude] public string Value { get; private set; }
-    public int Width { get; private set; }
+    [JsonInclude] public int Width { get; private set; }
-    public string WordWrap { get; private set; } = "normal";
+    [JsonInclude] public string WordWrap { get; private set; } = "normal";
-    public int X { get; private set; }
+    [JsonInclude] public int X { get; private set; }
-    public int Y { get; private set; }
+    [JsonInclude] public int Y { get; private set; }
+
+    public ChartAnnotation() { }
 
     protected override IEnumerable<object> GetAtomicValues()
     {
@@ -52,4 +55,3 @@ public class ChartAnnotation : ValueObject
         yield return Y;
     }
 }
-

api/src/Kurs.Platform.Domain/Queries/ChartAxisGrid.cs

@@ -9,16 +9,19 @@ namespace Kurs.Platform.Queries;
 /// </summary>
 public class ChartAxisGrid : ValueObject
 {
+    [JsonInclude]
     [JsonPropertyName("Color")]
     public string Color { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Visible")]
     public bool Visible { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Width")]
     public int Width { get; private set; }
 
-    protected ChartAxisGrid() { }
+    public ChartAxisGrid() { } // JSON için gerekli
 
     protected override IEnumerable<object> GetAtomicValues()
     {
@@ -27,3 +30,4 @@ public class ChartAxisGrid : ValueObject
         yield return Width;
     }
 }
+

api/src/Kurs.Platform.Domain/Queries/ChartBorder.cs

@@ -1,16 +1,28 @@
 using System.Collections.Generic;
+using System.Text.Json.Serialization;
 using Volo.Abp.Domain.Values;
 
 namespace Kurs.Platform.Queries;
 
 public class ChartBorder : ValueObject
 {
+    [JsonInclude]
     public string Color { get; private set; } = "#d3d3d3";
+
+    [JsonInclude]
     public int CornerRadius { get; private set; } = 0;
+
+    [JsonInclude]
     public string DashStyle { get; private set; } = "solid";
+
+    [JsonInclude]
     public bool Visible { get; private set; }
+
+    [JsonInclude]
     public int Width { get; private set; } = 1;
 
+    public ChartBorder() { } // JSON deserialize için parametresiz public ctor
+
     protected override IEnumerable<object> GetAtomicValues()
     {
         yield return Color;

api/src/Kurs.Platform.Domain/Queries/ChartFont.cs

@@ -1,17 +1,24 @@
 using System.Collections.Generic;
+using System.Text.Json.Serialization;
 using Volo.Abp.Domain.Values;
 
 namespace Kurs.Platform.Queries;
 
 public class ChartFont : ValueObject
 {
+    [JsonInclude]
     public string Color { get; private set; } = "#FFFFFF";
+
+    [JsonInclude]
     public string Family { get; private set; } = "\"Segoe UI\", \"Helvetica Neue\", \"Trebuchet MS\", Verdana, sans-serif";
+
+    [JsonInclude]
     public int Size { get; private set; } = 12;
+
+    [JsonInclude]
     public int Weight { get; private set; } = 400;
 
-    // EF Core + JSON için korumalı ctor
+    public ChartFont() { }
-    protected ChartFont() { }
 
     protected override IEnumerable<object> GetAtomicValues()
     {

api/src/Kurs.Platform.Domain/Queries/ChartLabel.cs

@@ -1,18 +1,18 @@
 using System.Collections.Generic;
+using System.Text.Json.Serialization;
 using Volo.Abp.Domain.Values;
 
 namespace Kurs.Platform.Queries;
 
 public class ChartLabel : ValueObject
 {
-    public string BackgroundColor { get; private set; } = "#f05b41";
+    [JsonInclude] public string BackgroundColor { get; private set; } = "#f05b41";
-    public string CustomizeText { get; private set; }
+    [JsonInclude] public string CustomizeText { get; private set; }
-    public ChartFont Font { get; private set; }
+    [JsonInclude] public ChartFont Font { get; private set; } = new();
-    public bool Visible { get; private set; }
+    [JsonInclude] public bool Visible { get; private set; }
-    public string Format { get; private set; }
+    [JsonInclude] public string Format { get; private set; }
 
-    // EF Core + JSON için korumalı ctor
+    public ChartLabel() { }
-    protected ChartLabel() { }
 
     protected override IEnumerable<object> GetAtomicValues()
     {

api/src/Kurs.Platform.Domain/Queries/ChartSeries.cs

@@ -6,50 +6,91 @@ namespace Kurs.Platform.Queries;
 
 public class ChartSeries : ValueObject
 {
+    [JsonInclude]
     [JsonPropertyName("ArgumentField")]
     public string ArgumentField { get; private set; } = "arg";
+
+    [JsonInclude]
     [JsonPropertyName("Axis")]
     public string Axis { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("BarOverlapGroup")]
     public string BarOverlapGroup { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("BarPadding")]
     public int BarPadding { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("BarWidth")]
     public int BarWidth { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("Color")]
     public string Color { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("CornerRadius")]
     public int CornerRadius { get; private set; } = 0;
+
+    [JsonInclude]
     [JsonPropertyName("DashStyle")]
     public string DashStyle { get; private set; } = "solid";
+
+    [JsonInclude]
     [JsonPropertyName("IgnoreEmptyPoints")]
     public bool IgnoreEmptyPoints { get; private set; } = false;
+
+    [JsonInclude]
     [JsonPropertyName("Name")]
     public string Name { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("Pane")]
     public string Pane { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("RangeValue1Field")]
     public string RangeValue1Field { get; private set; } = "val1";
+
+    [JsonInclude]
     [JsonPropertyName("RangeValue2Field")]
     public string RangeValue2Field { get; private set; } = "val2";
+
+    [JsonInclude]
     [JsonPropertyName("SelectionMode")]
     public string SelectionMode { get; private set; } = "none";
+
+    [JsonInclude]
     [JsonPropertyName("ShowInLegend")]
     public bool ShowInLegend { get; private set; } = true;
+
+    [JsonInclude]
     [JsonPropertyName("Type")]
     public string Type { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("ValueField")]
     public string ValueField { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("SummaryType")]
     public string SummaryType { get; private set; }
+
+    [JsonInclude]
     [JsonPropertyName("Visible")]
     public bool Visible { get; private set; } = true;
+
+    [JsonInclude]
     [JsonPropertyName("Width")]
     public int Width { get; private set; } = 2;
-    [JsonPropertyName("Label")]
-    public ChartLabel Label { get; private set; }
 
-    // EF Core + JSON için korumalı ctor
+    [JsonInclude]
+    [JsonPropertyName("Label")]
+    public ChartLabel Label { get; private set; } = new();
+
+    // JSON + EF Core için parametresiz public ctor
     public ChartSeries() { }
 
     protected override IEnumerable<object> GetAtomicValues()
@@ -77,4 +118,3 @@ public class ChartSeries : ValueObject
         yield return Label;
     }
 }
-

api/src/Kurs.Platform.Domain/Queries/ChartValueAxis.cs

@@ -7,54 +7,56 @@ namespace Kurs.Platform.Queries;
 
 public class ChartValueAxis : ValueObject
 {
+    [JsonInclude]
     [JsonPropertyName("Grid")]
     public ChartAxisGrid Grid { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Name")]
     public string Name { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("Position")]
-    public string Position { get; private set; }
+    public string Position { get; private set; } = "left";
 
+    [JsonInclude]
     [JsonPropertyName("Title")]
     public string Title { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("ValueType")]
-    public string ValueType { get; private set; }
+    public string ValueType { get; private set; } = "numeric";
 
+    [JsonInclude]
     [JsonPropertyName("Visible")]
-    public bool Visible { get; private set; }
+    public bool Visible { get; private set; } = true;
 
+    [JsonInclude]
     [JsonPropertyName("Width")]
-    public int Width { get; private set; }
+    public int Width { get; private set; } = 1;
 
+    [JsonInclude]
     [JsonPropertyName("Breaks")]
-    public IReadOnlyCollection<Break> Breaks { get; private set; }
+    public List<Break> Breaks { get; private set; } = new();
 
+    [JsonInclude]
     [JsonPropertyName("BreakStyle")]
-    public BreakStyle BreakStyle { get; private set; }
+    public BreakStyle BreakStyle { get; private set; } = new();
 
+    [JsonInclude]
     [JsonPropertyName("Type")]
     public string Type { get; private set; }
 
+    [JsonInclude]
     [JsonPropertyName("AutoBreaksEnabled")]
-    public bool AutoBreaksEnabled { get; private set; }
+    public bool AutoBreaksEnabled { get; private set; } = true;
 
+    [JsonInclude]
     [JsonPropertyName("MaxAutoBreakCount")]
-    public int MaxAutoBreakCount { get; private set; }
+    public int MaxAutoBreakCount { get; private set; } = 2;
 
-    // 🔑 Bunu bırak yeterli
     [JsonConstructor]
-    protected ChartValueAxis()
+    protected ChartValueAxis() { }
-    {
-        Breaks = [];
-        Position = "left";
-        ValueType = "numeric";
-        Visible = true;
-        Width = 1;
-        AutoBreaksEnabled = true;
-        MaxAutoBreakCount = 2;
-    }
 
     protected override IEnumerable<object> GetAtomicValues()
     {

api/src/Kurs.Platform.Domain/Queries/QueryParameters.cs

@@ -38,6 +38,9 @@ public class QueryParameters : ValueObject
     //select
     //userData
 
+    //Chart
+    public bool Chart { get; set; } = false;
+
     protected override IEnumerable<object> GetAtomicValues()
     {
         yield return ListFormCode;

api/src/Kurs.Platform.Domain/Queries/SelectQueryManager.cs

@@ -26,6 +26,7 @@ public interface ISelectQueryManager
     Dictionary<string, object> SelectQueryParameters { get; }
     string TotalCountQuery { get; }
     string GroupQuery { get; }
+    string ChartQuery { get; }
     public string DeleteQuery { get; }
     List<(int Index, string Field, string SelectExpr, string Sort, bool IsExpanded, string GroupInterval)> GroupTuples { get; }
     List<(int Index, string Field, string SelectExpr, string SummaryType)> GroupSummaryTuples { get; }
@@ -98,6 +99,7 @@ public class SelectQueryManager : PlatformDomainService, ISelectQueryManager
     public string TotalCountQuery { get; private set; }
     public string GroupQuery { get; private set; }
     public string DeleteQuery { get; private set; }
+    public string ChartQuery { get; private set; }
     public List<(int Index, string Field, string SelectExpr, string Sort, bool IsExpanded, string GroupInterval)> GroupTuples { get; private set; } = [];
     public List<(int Index, string Field, string SelectExpr, string SummaryType)> GroupSummaryTuples { get; private set; } = [];
     public List<string> SummaryQueries { get; private set; }
@@ -186,6 +188,7 @@ public class SelectQueryManager : PlatformDomainService, ISelectQueryManager
         TotalCountQuery = GetTotalCountQuery();
         GroupQuery = GetGroupQuery(listFormFields, queryParams);
         DeleteQuery = GetDeleteQuery(queryParams);
+        ChartQuery = GetChartQuery(listform, queryParams);
 
         #region Total Summary Queries
         if (queryParams != null && !queryParams.TotalSummary.IsNullOrWhiteSpace())
@@ -756,6 +759,58 @@ public class SelectQueryManager : PlatformDomainService, ISelectQueryManager
         return $"DELETE \"{TableName}\" FROM {SelectCommand} AS \"{TableName}\" {GetWhereString()}";
     }
 
+    public string GetChartQuery(ListForm listform, QueryParameters queryParams = null)
+    {
+        if (listform == null || string.IsNullOrWhiteSpace(listform.SeriesJson) || queryParams == null)
+            return null;
+
+        var seriesList = JsonSerializer.Deserialize<List<ChartSeries>>(listform.SeriesJson);
+
+        if (seriesList == null || !seriesList.Any())
+            throw new ArgumentException("Series list is empty!");
+
+        // ArgumentField listesi
+        var argumentFields = seriesList.Select(s => s.ArgumentField).Distinct().ToList();
+
+        // ArgumentField ifadesini oluştur
+        string argumentExpression;
+        if (argumentFields.Count == 1)
+        {
+            // Tek ArgumentField
+            argumentExpression = $"[{argumentFields.First()}]";
+        }
+        else
+        {
+            // Birden fazla → '|' ile birleştir
+            argumentExpression = string.Join(" + '|' + ", argumentFields.Select(f => $"[{f}]"));
+        }
+
+        // Select sütunlarını oluştur
+        var selectParts = new List<string> { $"{argumentExpression} AS ArgumentField" };
+        foreach (var series in seriesList)
+        {
+            string sqlFunc = series.SummaryType.ToUpper() switch
+            {
+                "COUNT" => $"COUNT([{series.ValueField}])",
+                "SUM" => $"SUM([{series.ValueField}])",
+                "AVG" => $"AVG([{series.ValueField}])",
+                "MIN" => $"MIN([{series.ValueField}])",
+                "MAX" => $"MAX([{series.ValueField}])",
+                _ => throw new NotSupportedException($"Unsupported SummaryType: {series.SummaryType}")
+            };
+
+            selectParts.Add($"{sqlFunc} AS [{series.Name}]");
+        }
+
+        // SQL cümlesi
+        var sql = $@"
+SELECT {string.Join(", ", selectParts)}
+FROM [{listform.SelectCommand}]
+GROUP BY {argumentExpression}";
+
+        return sql;
+    }
+
     private string GetDefaultValue(string strValue)
     {
         return strValue?.Replace(PlatformConsts.DefaultValues.UserId, CurrentUser.Id.ToString())

ui/src/shared/useListFormCustomDataSource.ts

@@ -23,8 +23,7 @@ const useListFormCustomDataSource = ({
       listFormCode: string,
       searchParams?: URLSearchParams,
       cols?: GridColumnData[],
-      group?: string,
+      chart?: boolean,
-      groupSummary?: string 
     ) => {
       const store: any = new CustomStore({
         key: gridOptions.keyFieldName,
@@ -34,10 +33,8 @@ const useListFormCustomDataSource = ({
             listFormCode,
             filter: '',
             createDeleteQuery: searchParams?.get('createDeleteQuery'),
-            group,
+            chart,
-            groupSummary
           })
-
           // 1. Default filter'ı al
           const defaultFilter = searchParams?.get('filter')
             ? JSON.parse(searchParams.get('filter')!)

ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogAxis.tsx

@@ -289,8 +289,10 @@ function JsonRowOpDialogAxis({
                         </TabList>
                         <div className="pt-4">
                           <TabContent value="grid">
+                            <div className="grid grid-cols-3 gap-2">
                               <FormItem
                                 label="Visible"
+                                className="col-span-1"
                                 invalid={errors.grid?.visible && touched.grid?.visible}
                                 errorMessage={errors.grid?.visible}
                               >
@@ -299,6 +301,7 @@ function JsonRowOpDialogAxis({
 
                               <FormItem
                                 label="Color"
+                                className="col-span-1"
                                 invalid={errors.grid?.color && touched.grid?.color}
                                 errorMessage={errors.grid?.color}
                               >
@@ -307,15 +310,19 @@ function JsonRowOpDialogAxis({
 
                               <FormItem
                                 label="Width"
+                                className="col-span-1"
                                 invalid={errors.grid?.width && touched.grid?.width}
                                 errorMessage={errors.grid?.width}
                               >
                                 <Field type="number" name="grid.width" component={Input} />
                               </FormItem>
+                            </div>
                           </TabContent>
                           <TabContent value="breakStyle">
+                            <div className="grid grid-cols-4 gap-2">
                               <FormItem
                                 label="Color"
+                                className="col-span-1"
                                 invalid={errors.breakStyle?.color && touched.breakStyle?.color}
                                 errorMessage={errors.breakStyle?.color}
                               >
@@ -324,6 +331,7 @@ function JsonRowOpDialogAxis({
 
                               <FormItem
                                 label="Width"
+                                className="col-span-1"
                                 invalid={errors.breakStyle?.width && touched.breakStyle?.width}
                                 errorMessage={errors.breakStyle?.width}
                               >
@@ -332,6 +340,7 @@ function JsonRowOpDialogAxis({
 
                               <FormItem
                                 label="Line"
+                                className="col-span-2"
                                 invalid={errors.breakStyle?.line && touched.breakStyle?.line}
                                 errorMessage={errors.breakStyle?.line}
                               >
@@ -352,6 +361,7 @@ function JsonRowOpDialogAxis({
                                   )}
                                 </Field>
                               </FormItem>
+                            </div>
                           </TabContent>
                           <TabContent value="breaks">
                             <FieldArray name="breaks">
@@ -369,8 +379,8 @@ function JsonRowOpDialogAxis({
                                         )
 
                                         return (
-                                          <div key={index}>
+                                          <div key={index} className="flex gap-2">
-                                            <FormItem layout="inline" label="Start Value">
+                                            <FormItem label="Start Value">
                                               <Field
                                                 invalid={startValueFeedBack.invalid}
                                                 name={`breaks[${index}].startValue`}
@@ -379,7 +389,7 @@ function JsonRowOpDialogAxis({
                                               />
                                             </FormItem>
 
-                                            <FormItem layout="inline" label="End Value">
+                                            <FormItem label="End Value">
                                               <Field
                                                 invalid={endValueFeedBack.invalid}
                                                 name={`breaks[${index}].endValue`}
@@ -391,7 +401,8 @@ function JsonRowOpDialogAxis({
                                             <Button
                                               shape="circle"
                                               type="button"
-                                              size="sm"
+                                              className="mt-7"
+                                              size="xs"
                                               icon={<FaMinus />}
                                               onClick={() => remove(index)}
                                             />
@@ -401,8 +412,8 @@ function JsonRowOpDialogAxis({
                                     : null}
                                   <div>
                                     <Button
+                                      size="xs"
                                       type="button"
-                                      className="ltr:mr-2 rtl:ml-2"
                                       onClick={() => {
                                         push({
                                           startValue: 0,

ui/src/views/list/Chart.tsx

@@ -13,7 +13,8 @@ import { usePermission } from '@/utils/hooks/usePermission'
 import { Button } from '@/components/ui'
 import { ROUTES_ENUM } from '@/routes/route.constant'
 import { usePWA } from '@/utils/hooks/usePWA'
-import { FaInfoCircle } from 'react-icons/fa'
+import { FaInfoCircle, FaSyncAlt } from 'react-icons/fa'
+import { buildSeriesDto } from './Utils'
 
 interface ChartProps extends CommonProps, Meta {
   listFormCode: string
@@ -22,6 +23,7 @@ interface ChartProps extends CommonProps, Meta {
   level?: number
   refreshData?: () => Promise<void>
   gridDto?: GridDto
+  refreshGridDto: () => Promise<void>
 }
 
 const Chart = (props: ChartProps) => {
@@ -40,18 +42,12 @@ const Chart = (props: ChartProps) => {
   useEffect(() => {
     if (!gridDto) return
 
-    // console.log(
-    //   gridDto.gridOptions?.seriesDto?.map((s) => `${s.argumentField} asc false`).join(', '),
-    // )
-    // console.log(gridDto.gridOptions?.seriesDto?.map((s) => `${s.valueField} count`).join(', '))
-
     const dataSource = createSelectDataSource(
       gridDto.gridOptions,
       listFormCode,
       searchParams,
-      // [],
+      [],
-      // gridDto.gridOptions?.seriesDto?.map((s) => `${s.argumentField} asc false`).join(', '),
+      true,
-      // gridDto.gridOptions?.seriesDto?.map((s) => `${s.valueField} count`).join(', '),
     )
 
     const options = {
@@ -83,13 +79,8 @@ const Chart = (props: ChartProps) => {
       valueAxis: gridDto.gridOptions.valueAxisDto,
       tooltip: gridDto.gridOptions.tooltipDto,
 
-      series: gridDto.gridOptions.seriesDto,
+      series: buildSeriesDto(gridDto.gridOptions.seriesDto),
-      // gridDto.gridOptions.seriesDto?.length > 0
+
-      //   ? gridDto.gridOptions.seriesDto.map((s) => ({
-      //       argumentField: 'key',
-      //       valueField: 'summary',
-      //     }))
-      //   : undefined,
       panes: gridDto.gridOptions.panesDto?.length > 0 ? gridDto.gridOptions.panesDto : undefined,
       commonSeriesSettings: gridDto.gridOptions.commonSeriesSettingsDto,
       commonPaneSettings: gridDto.gridOptions.commonPaneSettingsDto,
@@ -115,9 +106,20 @@ const Chart = (props: ChartProps) => {
         ></Helmet>
       )}
       {_listFormCode && chartOptions && (
-        <div className="p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 ">
+        <div className="p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 h-full">
-          <div className="flex justify-end items-center">
+          <div className="flex justify-end items-center h-full">
             <div className="relative pb-1 flex gap-1 border-b-1">
+              <Button
+                size="xs"
+                variant={'default'}
+                className="text-sm"
+                onClick={async () => {
+                  await props.refreshGridDto()
+                }}
+                title="Reset Grid State"
+              >
+                <FaSyncAlt className="w-3 h-3" />
+              </Button>
               {checkPermission(gridDto?.gridOptions.permissionDto.u) && (
                 <Button
                   size="xs"

ui/src/views/list/List.tsx

@@ -136,7 +136,7 @@ const List = () => {
                 setViewMode('chart')
                 setStates({ listFormCode, layout: 'chart' })
               }}
-              title="Pivot Görünümü"
+              title="Grafik Görünümü"
             >
               <FaChartArea className="w-4 h-4" />
             </Button>
@@ -172,6 +172,7 @@ const List = () => {
           filter={searchParams.toString()}
           isSubForm={true}
           gridDto={gridDto}
+          refreshGridDto={refreshGridDto}
         />
       ) : null}
     </Container>

ui/src/views/list/Utils.ts

@@ -1,6 +1,7 @@
 import { DataType } from 'devextreme/common'
 import { PivotGridDataType } from 'devextreme/ui/pivot_grid/data_source'
 import { MULTIVALUE_DELIMITER } from '../../constants/app.constant'
+import { ChartSeriesDto } from '@/proxy/admin/charts/models'
 
 export interface GridExtraFilterState {
   fieldName: string
@@ -134,6 +135,7 @@ export function getLoadOptions(loadOptions: any, params: any) {
     'searchValue',
     'select',
     'userData',
+    'chart',
   ].forEach(function (i) {
     //if (i in loadOptions && isNotEmpty(loadOptions[i])) {
     //    params[i] = JSON.stringify(loadOptions[i]);
@@ -243,3 +245,14 @@ export function setFormEditingExtraItemValues(values: any) {
 
   return values
 }
+
+export function buildSeriesDto(seriesList: ChartSeriesDto[]) {
+  if (!seriesList || seriesList.length === 0) return []
+
+  // her seri için dto oluştur
+  return seriesList.map((s) => ({
+    ...s,
+    argumentField: 'ArgumentField',
+    valueField: s.name,
+  }))
+}