|
| 1 | +<!-- NOTE: do not change this file because it's auto re-generated from template: --> |
| 2 | +<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md --> |
| 3 | + |
| 4 | +This folder contains implementation of Web Components application with example of Highlighting Percent Based feature using [Tree Map](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. |
| 5 | + |
| 6 | + |
| 7 | +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| 8 | + <body> |
| 9 | + <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer"> |
| 10 | + <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"/> |
| 11 | + </a> |
| 12 | + <a target="_blank" href="./src/index.ts" rel="noopener noreferrer"> |
| 13 | + <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"/> |
| 14 | + </a> |
| 15 | + <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/charts/tree-map/highlighting-percent-based" rel="noopener noreferrer"> |
| 16 | + <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"/> |
| 17 | + </a> |
| 18 | + <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/charts/tree-map/highlighting-percent-based?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer"> |
| 19 | + <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"/> |
| 20 | + </a> |
| 21 | + </body> |
| 22 | +</html> |
| 23 | + |
| 24 | +## Branches |
| 25 | + |
| 26 | +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. |
| 27 | +
|
| 28 | +## Instructions |
| 29 | + |
| 30 | +To set up this project locally, execute these commands: |
| 31 | + |
| 32 | +``` |
| 33 | +git clone https://github.com/IgniteUI/igniteui-wc-examples.git |
| 34 | +git checkout master |
| 35 | +cd ./igniteui-wc-examples |
| 36 | +cd ./samples/charts/tree-map/highlighting-percent-based |
| 37 | +``` |
| 38 | + |
| 39 | +open above folder in VS Code or type: |
| 40 | +``` |
| 41 | +code . |
| 42 | +``` |
| 43 | + |
| 44 | +In terminal window, run: |
| 45 | + |
| 46 | +``` |
| 47 | +npm install |
| 48 | +npm run start |
| 49 | +``` |
| 50 | + |
| 51 | +Then open http://localhost:4200/ in your browser |
| 52 | + |
| 53 | + |
| 54 | +## Learn More |
| 55 | + |
| 56 | +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). |
0 commit comments