IgniteUI · HUSSAR-mtrela · Oct 19, 2023 · Oct 19, 2023
diff --git a/samples/charts/category-chart/annotations-all/ReadMe.md b/samples/charts/category-chart/annotations-all/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/annotations-callouts/ReadMe.md b/samples/charts/category-chart/annotations-callouts/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/annotations-crosshairs/ReadMe.md b/samples/charts/category-chart/annotations-crosshairs/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/annotations-custom/ReadMe.md b/samples/charts/category-chart/annotations-custom/ReadMe.md
@@ -0,0 +1,50 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext/samples/templates/ReadMe.md -->
+
+This folder contains Angular application with example of Annotations Custom feature using [CategoryChart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-angular/angular/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="./src/app/app.component.html" 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/angular-demos-dv/samples/charts/category-chart-annotations-custom" 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-angular-examples/tree/master/samples/charts/category-chart/annotations-custom?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/app.component.html" 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>
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+cd ./igniteui-angular-examples
+cd ../samples/charts/category-chart/annotations-custom
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Angular** components, check out the [Angular documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html).
diff --git a/samples/charts/category-chart/annotations-final-value/ReadMe.md b/samples/charts/category-chart/annotations-final-value/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/annotations-highlighting/ReadMe.md b/samples/charts/category-chart/annotations-highlighting/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/annotations/ReadMe.md b/samples/charts/category-chart/annotations/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/area-chart-multiple-sources/ReadMe.md b/samples/charts/category-chart/area-chart-multiple-sources/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/area-chart-single-source/ReadMe.md b/samples/charts/category-chart/area-chart-single-source/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/area-chart-styling/ReadMe.md b/samples/charts/category-chart/area-chart-styling/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-gap/ReadMe.md b/samples/charts/category-chart/axis-gap/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-gridlines/ReadMe.md b/samples/charts/category-chart/axis-gridlines/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-inverted/ReadMe.md b/samples/charts/category-chart/axis-inverted/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-labels/ReadMe.md b/samples/charts/category-chart/axis-labels/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-locations/ReadMe.md b/samples/charts/category-chart/axis-locations/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-options/ReadMe.md b/samples/charts/category-chart/axis-options/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-overlap/ReadMe.md b/samples/charts/category-chart/axis-overlap/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-range/ReadMe.md b/samples/charts/category-chart/axis-range/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-tickmarks/ReadMe.md b/samples/charts/category-chart/axis-tickmarks/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/axis-titles/ReadMe.md b/samples/charts/category-chart/axis-titles/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/column-chart-multiple-sources/ReadMe.md b/samples/charts/category-chart/column-chart-multiple-sources/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/column-chart-single-source/ReadMe.md b/samples/charts/category-chart/column-chart-single-source/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/column-chart-styling/ReadMe.md b/samples/charts/category-chart/column-chart-styling/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md b/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md b/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/custom-selection/ReadMe.md b/samples/charts/category-chart/custom-selection/ReadMe.md
@@ -0,0 +1,50 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext/samples/templates/ReadMe.md -->
+
+This folder contains Angular application with example of Custom Selection feature using [CategoryChart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-angular/angular/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="./src/app/app.component.html" 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/angular-demos-dv/samples/charts/category-chart-custom-selection" 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-angular-examples/tree/master/samples/charts/category-chart/custom-selection?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/app.component.html" 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>
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+cd ./igniteui-angular-examples
+cd ../samples/charts/category-chart/custom-selection
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Angular** components, check out the [Angular documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html).
diff --git a/samples/charts/category-chart/data-aggregations/ReadMe.md b/samples/charts/category-chart/data-aggregations/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/ReadMe.md b/samples/charts/category-chart/data-legend-formatting-decimals/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/data-legend/ReadMe.md b/samples/charts/category-chart/data-legend/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/ReadMe.md b/samples/charts/category-chart/data-tooltip-formatting-decimals/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/data-tooltip-positioning/ReadMe.md b/samples/charts/category-chart/data-tooltip-positioning/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```
 

diff --git a/samples/charts/category-chart/data-tooltip/ReadMe.md b/samples/charts/category-chart/data-tooltip/ReadMe.md
@@ -38,7 +38,7 @@ code .
 
 In terminal window, run:
 ```
-npm install
+npm install --legacy-peer-deps
 npm run-script start
 ```