Merge pull request #288 from apexcharts/multiple-y-axis

Improved Multiple Y Axis sample

Author: joadan

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

@@ -11,7 +11,7 @@
     "BlazorApexCharts.Docs.Server": {
       "commandName": "Project",
       "launchBrowser": true,
-      "launchUrl": "bar-charts",
+      "launchUrl": "features/axis",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       },

docs/BlazorApexCharts.Docs/Components/Features/Axis/AxisSamples.razor

@@ -2,25 +2,22 @@
 
 <DocExamples Title="Axis">
 
-
-
-
-    <CodeSnippet Title="Multiple Y Axis" ClassName=@typeof(MultipleYAxis).ToString()>
+    <CodeSnippet Title="Multiple Y Axis" ClassName=@typeof(MultipleYAxisSeries).ToString()>
         <Snippet>
-            <MultipleYAxis />
+            <MultipleYAxisSeries />
         </Snippet>
     </CodeSnippet>
-
+   
     <CodeSnippet Title="XAxis Groups" ClassName=@typeof(XAxisGroupsChart).ToString()>
-        <Snippet>
-            <XAxisGroupsChart />
-        </Snippet>
+    <Snippet>
+    <XAxisGroupsChart />
+    </Snippet>
     </CodeSnippet>
 
     <CodeSnippet Title="Axis Style" ClassName=@typeof(AxisStyle).ToString()>
-        <Snippet>
-            <AxisStyle />
-        </Snippet>
+    <Snippet>
+    <AxisStyle />
+    </Snippet>
     </CodeSnippet>
 
 </DocExamples>

docs/BlazorApexCharts.Docs/Components/Features/Axis/MultipleYAxis.razor renamed to docs/BlazorApexCharts.Docs/Components/Features/Axis/MultipleYAxisSeries.razor

@@ -8,8 +8,14 @@
                          Name="Value"
                          XValue="@(e => e.Country)"
                          YAggregate="@(e => e.Sum(e => e.GrossValue))"
-                         SeriesType="SeriesType.Bar"
-                         />
+                         SeriesType="SeriesType.Bar" />
+
+        <ApexPointSeries TItem="Order"
+                         Items="Orders"
+                         Name="NetValue"
+                         XValue="@(e => e.Country)"
+                         YAggregate="@(e => e.Sum(e => e.NetValue))"
+                         SeriesType="SeriesType.Bar" />
 
         <ApexPointSeries TItem="Order"
                          Items="Orders"
@@ -31,11 +37,19 @@
         options.Yaxis.Add(new YAxis
             {
                 Title = new AxisTitle { Text = "Value" },
+                SeriesName = "Value",
+                DecimalsInFloat = 0
+            });
+        options.Yaxis.Add(new YAxis
+            {
+                Show = false,
+                SeriesName = "NetValue",
                 DecimalsInFloat = 0
             });
         options.Yaxis.Add(new YAxis
             {
                 Title = new AxisTitle { Text = "Percentage" },
+                SeriesName = "Discount",
                 DecimalsInFloat = 0,
                 Opposite = true
             });