Merge pull request #3 from subaa1492/master

UmaMaheswariChandrabose · web-flow · commit 6fc568f49188 · 2020-03-27T19:07:25.000+05:30
Changed the sample for Blazor Charts
diff --git a/App.razor b/App.razor
@@ -1,3 +1,4 @@
+﻿
 <Router AppAssembly="@typeof(Program).Assembly">
     <Found Context="routeData">
         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
diff --git a/BlazorExample.csproj b/BlazorExample.csproj
@@ -2,11 +2,10 @@
 
   <PropertyGroup>
     <TargetFramework>netcoreapp3.1</TargetFramework>
-    <RootNamespace>column_charts</RootNamespace>
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Syncfusion.EJ2.Blazor" Version="17.4.0.49" />
+    <PackageReference Include="Syncfusion.Blazor" Version="18.1.0.36-beta" />
   </ItemGroup>
 
 </Project>
diff --git a/Data/WeatherForecast.cs b/Data/WeatherForecast.cs
@@ -1,6 +1,6 @@
 using System;
 
-namespace column_charts.Data
+namespace BlazorExample.Data
 {
     public class WeatherForecast
     {
diff --git a/Data/WeatherForecastService.cs b/Data/WeatherForecastService.cs
@@ -2,7 +2,7 @@
 using System.Linq;
 using System.Threading.Tasks;
 
-namespace column_charts.Data
+namespace BlazorExample.Data
 {
     public class WeatherForecastService
     {
diff --git a/Pages/FetchData.razor b/Pages/FetchData.razor
@@ -1,6 +1,6 @@
 ﻿@page "/fetchdata"
 
-@using column_charts.Data
+@using BlazorExample.Data
 @inject WeatherForecastService ForecastService
 
 <h1>Weather forecast</h1>
diff --git a/Pages/Index.razor b/Pages/Index.razor
@@ -1,32 +1,32 @@
 ﻿@page "/"
 
-<EjsChart Title="Monthly Sales Analysis">
-    <ChartPrimaryXAxis Title="Month"
-    ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Category">
-    </ChartPrimaryXAxis>
-    <ChartPrimaryYAxis Title="Sales(Dollars)">
-    </ChartPrimaryYAxis>
-    <ChartTooltipSettings Enable="true">
-    </ChartTooltipSettings>
-    <ChartLegendSettings Visible="true">
-    </ChartLegendSettings>
-    <ChartSeriesCollection>
-        <ChartSeries DataSource="@Sales" Type="ChartSeriesType.Column"
-        XName="Month" YName="SalesValue" Name="Sales">
-        <ChartMarker>
-            <ChartDataLabel Visible="true" >
-            </ChartDataLabel>
-        </ChartMarker>
-        </ChartSeries>
-    </ChartSeriesCollection>
-</EjsChart> 
+
+    <SfChart Title="Monthly Sales Analysis">
+        <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"
+         Title="Months">
+        </ChartPrimaryXAxis>
+        <ChartPrimaryYAxis Title="Sales (Dollars)">
+        </ChartPrimaryYAxis>
+        <ChartLegendSettings Visible="true"> </ChartLegendSettings>
+        <ChartTooltipSettings Enable="true"></ChartTooltipSettings>
+        <ChartSeriesCollection>
+            <ChartSeries Type="ChartSeriesType.Column" DataSource="@Sales"
+              XName="Month" YName="SalesValue" Name="Sales">
+                <ChartMarker>
+                    <ChartDataLabel Visible="true"> </ChartDataLabel>
+                </ChartMarker>
+            </ChartSeries>
+        </ChartSeriesCollection>
+    </SfChart>
 
 @code {
-    public class SalesData {
-        public string Month;
-        public double SalesValue;
+    public class SalesData
+    {
+        public string Month { get; set; }
+        public double SalesValue { get; set; }
     }
-    public List<SalesData> Sales = new List<SalesData>
+
+    public List<SalesData> Sales = new List<SalesData> 
     {
         new SalesData { Month = "January", SalesValue = 35 },
         new SalesData { Month = "February", SalesValue = 28 },
diff --git a/Pages/_Host.cshtml b/Pages/_Host.cshtml
@@ -1,5 +1,5 @@
 ﻿@page "/"
-@namespace column_charts.Pages
+@namespace BlazorExample.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @{
     Layout = null;
@@ -10,12 +10,10 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>column-charts</title>
+    <title>BlazorExample</title>
     <base href="~/" />
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />
-    <script src="https://cdn.syncfusion.com/ej2/17.4.49/dist/ej2.min.js"></script>
-    <script src="https://cdn.syncfusion.com/ej2/17.4.49/dist/ejs.interop.min.js"></script>
 </head>
 <body>
     <app>
diff --git a/Program.cs b/Program.cs
@@ -9,7 +9,7 @@
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Logging;
 
-namespace column_charts
+namespace BlazorExample
 {
     public class Program
     {
diff --git a/Properties/launchSettings.json b/Properties/launchSettings.json
@@ -3,8 +3,8 @@
     "windowsAuthentication": false,
     "anonymousAuthentication": true,
     "iisExpress": {
-      "applicationUrl": "http://localhost:61168",
-      "sslPort": 44303
+      "applicationUrl": "http://localhost:55114",
+      "sslPort": 44378
     }
   },
   "profiles": {
@@ -15,7 +15,7 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
     },
-    "column-charts": {
+    "BlazorExample": {
       "commandName": "Project",
       "launchBrowser": true,
       "applicationUrl": "https://localhost:5001;http://localhost:5000",
diff --git a/README.md b/README.md
@@ -7,14 +7,10 @@ Example: https://blazor.syncfusion.com/demos/Charts/Column
 Documentation: https://ej2.syncfusion.com/blazor/documentation/chart/getting-started
 
 ## Project pre-requisites
-Make sure that you have the compatible versions of Visual Studio Code and .NET Core SDK 3.1.1 in your machine before starting to work on this project.
+Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK 3.1.2 in your machine before starting to work on this project.
 
 ## How to run this application?
-To run this application, you need to first clone the `create-blazor-charts-in-a-blazor-server-app` repository and then open it in Visual Studio Code. Now, open the `Integrated Terminal` in VS Code and run the following command to build and run this project.
-
-```
-dotnet watch run
-```
+To run this application, you need to first clone the `create-blazor-charts-in-a-blazor-server-app` repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output.
 
 Navigate to `http://localhost:5000/` or `http://localhost:5001/` in the browser to view the output.
 
diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor
@@ -1,5 +1,5 @@
 ﻿<div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href="">column-charts</a>
+    <a class="navbar-brand" href="">BlazorExample</a>
     <button class="navbar-toggler" @onclick="ToggleNavMenu">
         <span class="navbar-toggler-icon"></span>
     </button>
diff --git a/Shared/SurveyPrompt.razor b/Shared/SurveyPrompt.razor
@@ -0,0 +1,16 @@
+﻿<div class="alert alert-secondary mt-4" role="alert">
+    <span class="oi oi-pencil mr-2" aria-hidden="true"></span>
+    <strong>@Title</strong>
+
+    <span class="text-nowrap">
+        Please take our
+        <a target="_blank" class="font-weight-bold" href="https://go.microsoft.com/fwlink/?linkid=2112271">brief survey</a>
+    </span>
+    and tell us what you think.
+</div>
+
+@code {
+    // Demonstrates how a parent component can supply parameters
+    [Parameter]
+    public string Title { get; set; }
+}
diff --git a/Startup.cs b/Startup.cs
@@ -9,10 +9,10 @@
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
-using column_charts.Data;
-using Syncfusion.EJ2.Blazor;
+using BlazorExample.Data;
+using Syncfusion.Blazor;
 
-namespace column_charts
+namespace BlazorExample
 {
     public class Startup
     {
@@ -37,7 +37,7 @@ public void ConfigureServices(IServiceCollection services)
         public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
         {
             // Add your valid license key here.
-	    Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("Your License Key");
+            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("Your License Key");
             if (env.IsDevelopment())
             {
                 app.UseDeveloperExceptionPage();
diff --git a/_Imports.razor b/_Imports.razor
@@ -5,6 +5,6 @@
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.AspNetCore.Components.Web
 @using Microsoft.JSInterop
-@using column_charts
-@using column_charts.Shared
-@using Syncfusion.EJ2.Blazor.Charts
+@using BlazorExample
+@using BlazorExample.Shared
+@using Syncfusion.Blazor.Charts

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+`
`1`	`2`	`<Router AppAssembly="@typeof(Program).Assembly">`
`2`	`3`	`<Found Context="routeData">`
`3`	`4`	`<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`using System;`
`2`	`2`
`3`		`-namespace column_charts.Data`
	`3`	`+namespace BlazorExample.Data`
`4`	`4`	`{`
`5`	`5`	`public class WeatherForecast`
`6`	`6`	`{`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`using System.Linq;`
`3`	`3`	`using System.Threading.Tasks;`
`4`	`4`
`5`		`-namespace column_charts.Data`
	`5`	`+namespace BlazorExample.Data`
`6`	`6`	`{`
`7`	`7`	`public class WeatherForecastService`
`8`	`8`	`{`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`using Microsoft.Extensions.Hosting;`
`10`	`10`	`using Microsoft.Extensions.Logging;`
`11`	`11`
`12`		`-namespace column_charts`
	`12`	`+namespace BlazorExample`
`13`	`13`	`{`
`14`	`14`	`public class Program`
`15`	`15`	`{`