Merge pull request #49 from kmuthukumar23/EJ2-000-samples-update

Samples updated

Author: ajithr

Pages/Barcodes/Barcode/DefaultFunctionalities.razor

@@ -5,7 +5,7 @@
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
-    SampleBrowser.CurrentSampleName = "Default Functionalities";
+    SampleBrowser.CurrentSampleName = "Ean8";
     SampleBrowser.CurrentControlName = "Barcode";
     SampleBrowser.CurrentControlCategory = "Barcode";
     SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;

Pages/Charts/Chart/Area.razor

@@ -16,12 +16,6 @@
     SampleBrowser.Description = new string[] {
         @"<p>
         In this example, you can see how to render and configure the area type charts. Similar to line type series, but the area get closed and filled with series color. You can use <code>dashArray</code>, <code>width</code>, <code>fill</code> properties to customize the spline. <code>Marker</code> and <code>dataLabel</code> are used to represent individual data and its value. Legend is enabled in this example with series type shape.
-    </p>
-    <br>
-
-    <p>
-        More information on the area series can be found in this
-        <a target=""_blank"" href=""http://ej2.syncfusion.com/documentation/chart/api-series.html#type-chartseriestype"">documentation section</a>.
     </p>"
     };
 }

Pages/Charts/Chart/AreaEmpty.razor

@@ -31,7 +31,7 @@
     <EjsChart id="area" title="Inflation Rate">
         <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
         <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category" Interval="2" EdgeLabelPlacement="EdgeLabelPlacement.Shift">
-            <ChartAxisMinorTickLines Width="0"></ChartAxisMinorTickLines>
+            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
         </ChartPrimaryXAxis>
         <ChartPrimaryYAxis Title="Rates" LabelFormat="{value}M">
             <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>

Pages/Charts/Chart/Bar.razor

@@ -36,11 +36,13 @@
     <EjsChart id="bar" title="UK Trade in Food Groups - 2015">
         <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
         <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category" Title="Food">
-            <ChartAxisMinorTickLines Width="0"></ChartAxisMinorTickLines>
+            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
         </ChartPrimaryXAxis>
         <ChartPrimaryYAxis LabelFormat="{value}B" EdgeLabelPlacement="EdgeLabelPlacement.Shift">
             <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
+            <ChartAxisLabelStyle Color="transparent"></ChartAxisLabelStyle>
             <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>
+            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
         </ChartPrimaryYAxis>
         <ChartTooltipsettings enable="true"></ChartTooltipsettings>
         <ChartSeriesCollection>

Pages/Charts/Chart/BoxandWhisker.razor

@@ -34,7 +34,7 @@
 @*End:Hidden*@
 
 <div class="control-section">
-    <EjsChart id="boxandwhisker" title="Employee Age Group in Various Department" Width="60%">
+    <EjsChart id="boxandwhisker" title="Employee Age Group in Various Department" >
         <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
         <ChartPrimaryXAxis EdgeLabelPlacement="EdgeLabelPlacement.Shift" LabelIntersectAction="LabelIntersectAction.Trim" ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category">
             <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>

Pages/Charts/Chart/CategoryAxis.razor

@@ -32,7 +32,7 @@
 @*End:Hidden*@
 
 <div class="control-section">
-    <EjsChart id="categoryaxis" title="Internet Users – 2016" Width="60%">
+    <EjsChart id="categoryaxis" title="Internet Users – 2016" >
         <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
         <ChartPrimaryXAxis title="Country" valueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category">
             <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>

Pages/Charts/Chart/Column.razor

@@ -44,7 +44,7 @@
         </ChartPrimaryXAxis>
         <ChartPrimaryYAxis>
             <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
-            <ChartAxisFont Color="transparent"></ChartAxisFont>
+            <ChartAxisLabelStyle Color="transparent"></ChartAxisLabelStyle>
             <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
             <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>
         </ChartPrimaryYAxis>

Pages/Charts/Chart/ColumnPlacement.razor

@@ -35,14 +35,14 @@
 @*End:Hidden*@
 
 <div class="control-section">
-    <EjsChart id="columnplacement" Width="60%" title="Fruit Consumption" EnableSideBySidePlacement="false">
+    <EjsChart id="columnplacement"  title="Fruit Consumption" EnableSideBySidePlacement="false">
         <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
         <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category" Interval="1">
             <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
         </ChartPrimaryXAxis>
         <ChartPrimaryYAxis>
             <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
-            <ChartAxisFont Color="transparent"></ChartAxisFont>
+            <ChartAxisLabelStyle Color="transparent"></ChartAxisLabelStyle>
             <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
             <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>
         </ChartPrimaryYAxis>

Pages/Charts/Chart/Crosshair.razor

@@ -36,6 +36,7 @@
     <EjsChart id="crosshairChart" title="Conns,Inc Stock Details">
         <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime"
                            Skeleton="MMM">
+            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
             <ChartAxisCrosshairTooltip Enable="true"></ChartAxisCrosshairTooltip>
         </ChartPrimaryXAxis>
         <ChartPrimaryYAxis Minimum=83 Maximum=87 Interval=1 Title="Millions in USD"
@@ -52,6 +53,7 @@
         <ChartAxes>
             <ChartAxis RowIndex=0 OpposedPosition=true Minimum=82 Maximum=88 Interval=2 Name="yAxis" Title="Millions in USD (Stock)">              
                 <ChartAxisCrosshairTooltip Enable="true"></ChartAxisCrosshairTooltip>
+                <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
             </ChartAxis>
         </ChartAxes>
         <ChartSeriesCollection>

Pages/Charts/Chart/DateTimeAxis.razor

@@ -32,7 +32,7 @@
 @*End:Hidden*@
 
     <div class="control-section">
-        <EjsChart id="datetimeaxis" title="Alaska Weather Statistics - 2016" Width="60%">
+        <EjsChart id="datetimeaxis" title="Alaska Weather Statistics - 2016" >
             <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
             <ChartPrimaryXAxis labelFormat="MMM" ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime" EdgeLabelPlacement="EdgeLabelPlacement.Shift">
                 <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>