From 672a05ef304adfc943a39addc5399860f68c66d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Dang=C3=A5rden?= <Joakim.Dangarden@swegon.com>
Date: Mon, 22 May 2023 20:53:44 +0200
Subject: [PATCH] Added Mixed Scatter sample

---
 .../ChartTypes/AreaCharts/Basic.razor         |  2 +-
 .../ChartTypes/ScatterCharts/Mixed.razor      | 42 +++++++++++++++++++
 .../ScatterCharts/ScatterCharts.razor         |  5 +++
 3 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/Mixed.razor

diff --git a/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Basic.razor b/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Basic.razor
index aeff8cd0..8747cbbd 100644
--- a/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Basic.razor
+++ b/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Basic.razor
@@ -1,6 +1,6 @@
 <DemoContainer>
 <ApexChart TItem="Order"
-           Title="Scatter Sample">
+           Title="Basic Sample">
 
     <ApexPointSeries TItem="Order"
                 Items="orders"
diff --git a/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/Mixed.razor b/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/Mixed.razor
new file mode 100644
index 00000000..130ffd92
--- /dev/null
+++ b/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/Mixed.razor
@@ -0,0 +1,42 @@
+<DemoContainer>
+    <ApexChart TItem="Order"
+               Title="Scatter Sample" XAxisType="XAxisType.Numeric" Debug Options="options">
+
+        <ApexPointSeries TItem="Order"
+                         Items="orders"
+                         Name="% Gross"
+                         SeriesType="SeriesType.Scatter"
+                         XValue="@(e => e.DiscountPercentage)"
+                         YValue="@(e => e.GrossValue)"
+                         OrderByDescending="e=>e.X" />
+
+        <ApexPointSeries TItem="Order"
+                         Items="GetTrendOrders()"
+                         SeriesType="SeriesType.Line"
+                         Name="Trend"
+                         XValue="@(e => e.DiscountPercentage)"
+                         YValue="@(e => e.GrossValue)"
+                         OrderByDescending="e=>e.X" />
+    </ApexChart>
+</DemoContainer>
+
+    @code {
+    private List<Order> orders = SampleData.GetOrders();
+    private ApexChartOptions<Order> options = new();
+
+    protected override void OnInitialized()
+    {
+        options.Tooltip = new ApexCharts.Tooltip { Shared = false, Intersect = true };
+        options.Markers = new Markers {  Size = 6 };
+    }
+
+    private List<Order> GetTrendOrders()
+    {
+        var trendOrders = new List<Order>();
+        trendOrders.Add(new Order { DiscountPercentage = 5, GrossValue = 30000 });
+        trendOrders.Add(new Order { DiscountPercentage = 70, GrossValue = 70000 });
+
+        return trendOrders;
+    }
+
+    }
\ No newline at end of file
diff --git a/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterCharts.razor b/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterCharts.razor
index 77dafb50..860e9daf 100644
--- a/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterCharts.razor
+++ b/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterCharts.razor
@@ -8,5 +8,10 @@
         </Snippet>
     </CodeSnippet>
 
+    <CodeSnippet Title="Mixed" ClassName=@typeof(Mixed).ToString()>
+        <Snippet>
+            <Mixed />
+        </Snippet>
+    </CodeSnippet>
 
 </DocExamples>