-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
006d019
commit f0225f5
Showing
6 changed files
with
272 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
67 changes: 67 additions & 0 deletions
67
samples/charts/category-chart/chart-highlight-filter/ReadMe.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!-- NOTE: do not change this file because it's auto re-generated from template: --> | ||
| <!-- https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext/templates/sample/ReadMe.md --> | ||
|
|
||
| This folder contains implementation of Blazor application with example of Chart Highlight Filter feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. | ||
|
|
||
|
|
||
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
| <body> | ||
| <!-- https://static.infragistics.com/xplatform/images/browsers --> | ||
| <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> | ||
| </a> | ||
| <a target="_blank" href="./App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> | ||
| </a> | ||
| <a target="_blank" href="https://infragistics.com/blazor-client/samples/charts/category-chart/chart-highlight-filter" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> | ||
| </a> | ||
| <!-- <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-blazor-examples/tree/master/samples/charts/category-chart/chart-highlight-filter?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> | ||
| </a> --> | ||
| </body> | ||
| </html> | ||
|
|
||
| ## Setup | ||
|
|
||
| - instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) | ||
|
|
||
|
|
||
| ## Running App in Visual Studio 2019 | ||
|
|
||
| NOTE: VS 2019 has better code highlighting and error detection than VS Code does. | ||
|
|
||
| - open **Visual Studio 2019** as an administrator | ||
|
|
||
| - open the **BlazorClientApp.sln** solution | ||
|
|
||
| - right click solution and select **Restore NuGet Packages** menu item | ||
|
|
||
| - click **Debug** menu and select **Start Debugging** or press **F5** key | ||
|
|
||
|
|
||
| ## Running App in VS Code | ||
|
|
||
| - open **VS Code** as an administrator | ||
|
|
||
| - open this folder in **VS Code** | ||
|
|
||
| - open a terminal window | ||
|
|
||
| - to restore assemblies, run this command: | ||
| ```dotnet restore``` | ||
|
|
||
| - to run samples, run this command: | ||
| ```dotnet watch run``` | ||
|
|
||
| - wait for for message: | ||
| **Now listening on: http://localhost:4200** | ||
|
|
||
| - open **http://localhost:4200** in your browser | ||
|
|
||
|
|
||
| ## Resources | ||
|
|
||
| - [Razor Component Models](https://www.codemag.com/article/1911052) | ||
| - [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) | ||
| - [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) |
67 changes: 67 additions & 0 deletions
67
samples/charts/data-chart/chart-highlight-filter-datasource/ReadMe.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!-- NOTE: do not change this file because it's auto re-generated from template: --> | ||
| <!-- https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext/templates/sample/ReadMe.md --> | ||
|
|
||
| This folder contains implementation of Blazor application with example of Chart Highlight Filter Datasource feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. | ||
|
|
||
|
|
||
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
| <body> | ||
| <!-- https://static.infragistics.com/xplatform/images/browsers --> | ||
| <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> | ||
| </a> | ||
| <a target="_blank" href="./App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> | ||
| </a> | ||
| <a target="_blank" href="https://infragistics.com/blazor-client/samples/charts/data-chart/chart-highlight-filter-datasource" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> | ||
| </a> | ||
| <!-- <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-blazor-examples/tree/master/samples/charts/data-chart/chart-highlight-filter-datasource?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> | ||
| </a> --> | ||
| </body> | ||
| </html> | ||
|
|
||
| ## Setup | ||
|
|
||
| - instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) | ||
|
|
||
|
|
||
| ## Running App in Visual Studio 2019 | ||
|
|
||
| NOTE: VS 2019 has better code highlighting and error detection than VS Code does. | ||
|
|
||
| - open **Visual Studio 2019** as an administrator | ||
|
|
||
| - open the **BlazorClientApp.sln** solution | ||
|
|
||
| - right click solution and select **Restore NuGet Packages** menu item | ||
|
|
||
| - click **Debug** menu and select **Start Debugging** or press **F5** key | ||
|
|
||
|
|
||
| ## Running App in VS Code | ||
|
|
||
| - open **VS Code** as an administrator | ||
|
|
||
| - open this folder in **VS Code** | ||
|
|
||
| - open a terminal window | ||
|
|
||
| - to restore assemblies, run this command: | ||
| ```dotnet restore``` | ||
|
|
||
| - to run samples, run this command: | ||
| ```dotnet watch run``` | ||
|
|
||
| - wait for for message: | ||
| **Now listening on: http://localhost:4200** | ||
|
|
||
| - open **http://localhost:4200** in your browser | ||
|
|
||
|
|
||
| ## Resources | ||
|
|
||
| - [Razor Component Models](https://www.codemag.com/article/1911052) | ||
| - [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) | ||
| - [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) |
67 changes: 67 additions & 0 deletions
67
samples/charts/data-chart/chart-highlight-filter-multiple-series/ReadMe.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!-- NOTE: do not change this file because it's auto re-generated from template: --> | ||
| <!-- https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext/templates/sample/ReadMe.md --> | ||
|
|
||
| This folder contains implementation of Blazor application with example of Chart Highlight Filter Multiple Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. | ||
|
|
||
|
|
||
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
| <body> | ||
| <!-- https://static.infragistics.com/xplatform/images/browsers --> | ||
| <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> | ||
| </a> | ||
| <a target="_blank" href="./App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> | ||
| </a> | ||
| <a target="_blank" href="https://infragistics.com/blazor-client/samples/charts/data-chart/chart-highlight-filter-multiple-series" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> | ||
| </a> | ||
| <!-- <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-blazor-examples/tree/master/samples/charts/data-chart/chart-highlight-filter-multiple-series?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> | ||
| </a> --> | ||
| </body> | ||
| </html> | ||
|
|
||
| ## Setup | ||
|
|
||
| - instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) | ||
|
|
||
|
|
||
| ## Running App in Visual Studio 2019 | ||
|
|
||
| NOTE: VS 2019 has better code highlighting and error detection than VS Code does. | ||
|
|
||
| - open **Visual Studio 2019** as an administrator | ||
|
|
||
| - open the **BlazorClientApp.sln** solution | ||
|
|
||
| - right click solution and select **Restore NuGet Packages** menu item | ||
|
|
||
| - click **Debug** menu and select **Start Debugging** or press **F5** key | ||
|
|
||
|
|
||
| ## Running App in VS Code | ||
|
|
||
| - open **VS Code** as an administrator | ||
|
|
||
| - open this folder in **VS Code** | ||
|
|
||
| - open a terminal window | ||
|
|
||
| - to restore assemblies, run this command: | ||
| ```dotnet restore``` | ||
|
|
||
| - to run samples, run this command: | ||
| ```dotnet watch run``` | ||
|
|
||
| - wait for for message: | ||
| **Now listening on: http://localhost:4200** | ||
|
|
||
| - open **http://localhost:4200** in your browser | ||
|
|
||
|
|
||
| ## Resources | ||
|
|
||
| - [Razor Component Models](https://www.codemag.com/article/1911052) | ||
| - [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) | ||
| - [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) |
67 changes: 67 additions & 0 deletions
67
samples/charts/data-chart/chart-highlight-filter/ReadMe.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!-- NOTE: do not change this file because it's auto re-generated from template: --> | ||
| <!-- https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext/templates/sample/ReadMe.md --> | ||
|
|
||
| This folder contains implementation of Blazor application with example of Chart Highlight Filter feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. | ||
|
|
||
|
|
||
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
| <body> | ||
| <!-- https://static.infragistics.com/xplatform/images/browsers --> | ||
| <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> | ||
| </a> | ||
| <a target="_blank" href="./App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> | ||
| </a> | ||
| <a target="_blank" href="https://infragistics.com/blazor-client/samples/charts/data-chart/chart-highlight-filter" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> | ||
| </a> | ||
| <!-- <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-blazor-examples/tree/master/samples/charts/data-chart/chart-highlight-filter?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/App.razor" rel="noopener noreferrer"> | ||
| <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> | ||
| </a> --> | ||
| </body> | ||
| </html> | ||
|
|
||
| ## Setup | ||
|
|
||
| - instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) | ||
|
|
||
|
|
||
| ## Running App in Visual Studio 2019 | ||
|
|
||
| NOTE: VS 2019 has better code highlighting and error detection than VS Code does. | ||
|
|
||
| - open **Visual Studio 2019** as an administrator | ||
|
|
||
| - open the **BlazorClientApp.sln** solution | ||
|
|
||
| - right click solution and select **Restore NuGet Packages** menu item | ||
|
|
||
| - click **Debug** menu and select **Start Debugging** or press **F5** key | ||
|
|
||
|
|
||
| ## Running App in VS Code | ||
|
|
||
| - open **VS Code** as an administrator | ||
|
|
||
| - open this folder in **VS Code** | ||
|
|
||
| - open a terminal window | ||
|
|
||
| - to restore assemblies, run this command: | ||
| ```dotnet restore``` | ||
|
|
||
| - to run samples, run this command: | ||
| ```dotnet watch run``` | ||
|
|
||
| - wait for for message: | ||
| **Now listening on: http://localhost:4200** | ||
|
|
||
| - open **http://localhost:4200** in your browser | ||
|
|
||
|
|
||
| ## Resources | ||
|
|
||
| - [Razor Component Models](https://www.codemag.com/article/1911052) | ||
| - [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) | ||
| - [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters