Candel-Stick

Author: joadan

docs/BlazorApexCharts.Docs.Server/Properties/launchSettings.json

@@ -11,7 +11,7 @@
     "IIS Express": {
       "commandName": "IISExpress",
       "launchBrowser": true,
-      "launchUrl": "line-charts",
+      "launchUrl": "candlestick-charts",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }

docs/BlazorApexCharts.Docs/Components/CandleStickCharts/Basic.razor

@@ -0,0 +1,20 @@
+<ChartContainer>
+    <ApexChart TItem="Order"
+               Title="Order Net Value"
+               ChartType="@ChartType.Line"
+    Debug>
+
+        <ApexSeries TItem="Order"
+                    Items="Orders"
+                    Name="Gross Value"
+                    XValue="@(e => e.OrderDate.FirstDayOfMonth())"
+                    YValue = "@(e => e.DiscountPrecentage)"
+                    OrderByDescending="e=>e.X" />
+
+    
+    </ApexChart>
+</ChartContainer>
+
+@code {
+    private List<Order> Orders { get; set; } = SampleData.GetOrders();
+    }

docs/BlazorApexCharts.Docs/Components/CandleStickCharts/CandleStickCharts.razor

@@ -0,0 +1,14 @@
+@page "/candlestick-charts"
+
+<DocExamples Title="Candle Stick Charts">
+
+    <CodeSnippet Title=Basic ClassName=@typeof(Basic).ToString()>
+        <Snippet>
+            <Basic />
+        </Snippet>
+    </CodeSnippet>
+
+
+
+
+</DocExamples>