Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions browser/scripts/browser.js
Original file line number Diff line number Diff line change
Expand Up @@ -163,6 +163,8 @@ function getSampleInfo(samplePath, sampleCallback, sampleFile) {
info.SourceModuleTS = ""; // e.g. ./samples/charts/data-chart/axis-sharing/src/app.module.ts
info.SourceDataFiles = []; // e.g. ./samples/charts/data-chart/axis-sharing/src/SampleFinancialData.ts
info.SourceFiles = []; // all above
info.ImportsLines = [];
info.ImportsModules = [];

// getting path to files in a given sample's source path:
gulp.src([
Expand Down
126 changes: 65 additions & 61 deletions browser/src/assets/stats.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[
{ "browser": false, "xplat": false, "path": "charts/category-chart/annotations-all" },
{ "browser": true, "xplat": false, "path": "charts/category-chart/annotations" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/annotations-all" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/annotations-callouts" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/annotations-crosshairs" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/annotations-custom" },
Expand All @@ -13,12 +13,13 @@
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-gridlines" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-inverted" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-labels" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-options" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-locations" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-options" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-overlap" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-range" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-titles" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-tickmarks" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/axis-titles" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/chart-highlight-filter" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/column-chart-multiple-sources" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/column-chart-single-source" },
{ "browser": false, "xplat": false, "path": "charts/category-chart/column-chart-styling" },
Expand Down Expand Up @@ -70,41 +71,6 @@
{ "browser": false, "xplat": false, "path": "charts/doughnut-chart/overview" },
{ "browser": false, "xplat": false, "path": "charts/doughnut-chart/rings" },
{ "browser": false, "xplat": false, "path": "charts/doughnut-chart/selection" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/annotations" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/axis-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend-formatting-currency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend-styling-props" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip-formatting-currency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip-styling-props" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/format-specifiers" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/high-frequency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/high-volume" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/indicator-customization" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/indicator-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/multiple-data" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/multiple-feeds" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/overview" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/panes" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/performance" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/scrollbars" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/stock-index-chart" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/styling" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/theming" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/time-based-data" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/titles" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/tooltip-template" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/tooltip-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/trendlines" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/volume-types" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/animation" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/explosion" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/legend" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/others" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/overview" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/selection" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/styling" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/annotations-custom" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/axis-annotations" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/axis-annotations-corner-radius" },
Expand All @@ -120,6 +86,9 @@
{ "browser": false, "xplat": false, "path": "charts/data-chart/bar-chart-single-source" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/bar-chart-styling" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/callout-layer-styling" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-highlight-filter" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-highlight-filter-datasource" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-highlight-filter-multiple-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-navigation" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-overview" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/chart-performance" },
Expand Down Expand Up @@ -220,8 +189,8 @@
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-scatter-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-scatter-spline-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-shape-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-bar-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-area-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-bar-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-column-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-line-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-100-spline-area-series" },
Expand All @@ -233,6 +202,41 @@
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-spline-area-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/type-stacked-spline-series" },
{ "browser": false, "xplat": false, "path": "charts/data-chart/waterfall-chart" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/annotations" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/axis-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend-formatting-currency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-legend-styling-props" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip-formatting-currency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/data-tooltip-styling-props" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/format-specifiers" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/high-frequency" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/high-volume" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/indicator-customization" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/indicator-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/multiple-data" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/multiple-feeds" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/overview" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/panes" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/performance" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/scrollbars" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/stock-index-chart" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/styling" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/theming" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/time-based-data" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/titles" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/tooltip-template" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/tooltip-types" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/trendlines" },
{ "browser": false, "xplat": false, "path": "charts/financial-chart/volume-types" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/animation" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/explosion" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/legend" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/others" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/overview" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/selection" },
{ "browser": false, "xplat": false, "path": "charts/pie-chart/styling" },
{ "browser": false, "xplat": false, "path": "charts/sparkline/display-area" },
{ "browser": false, "xplat": false, "path": "charts/sparkline/display-column" },
{ "browser": false, "xplat": false, "path": "charts/sparkline/display-lines" },
Expand Down Expand Up @@ -271,6 +275,27 @@
{ "browser": false, "xplat": false, "path": "excel/spreadsheet/data-validation" },
{ "browser": false, "xplat": false, "path": "excel/spreadsheet/hyperlinks" },
{ "browser": false, "xplat": false, "path": "excel/spreadsheet/overview" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/animation" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/background" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/labels" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/measures" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/scale" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/tickmarks" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/animation" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/backing" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/labels" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/needle" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/scale" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/tickmarks" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/animation" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/backing" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/labels" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/needle" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/scale" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/tickmarks" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/binding-data-csv" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/binding-data-json-points" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/binding-data-model" },
Expand All @@ -297,26 +322,5 @@
{ "browser": false, "xplat": false, "path": "maps/geo-map/type-scatter-density-series" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/type-scatter-symbol-series" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/type-shape-polygon-series" },
{ "browser": false, "xplat": false, "path": "maps/geo-map/type-shape-polyline-series" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/animation" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/background" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/labels" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/measures" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/scale" },
{ "browser": false, "xplat": false, "path": "gauges/bullet-graph/tickmarks" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/animation" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/backing" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/labels" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/needle" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/scale" },
{ "browser": false, "xplat": false, "path": "gauges/linear-gauge/tickmarks" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/animation" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/backing" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/labels" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/needle" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/ranges" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/scale" },
{ "browser": false, "xplat": false, "path": "gauges/radial-gauge/tickmarks" }
{ "browser": false, "xplat": false, "path": "maps/geo-map/type-shape-polyline-series" }
]
50 changes: 50 additions & 0 deletions samples/charts/category-chart/chart-highlight-filter/ReadMe.md
Original file line number Diff line number Diff line change
@@ -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 Chart Highlight Filter 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-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-angular-examples/tree/master/samples/charts/category-chart/chart-highlight-filter?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/chart-highlight-filter
```

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).
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
dataToolTipValueFormatMode="Currency"
dataToolTipValueFormatString="${0} Billion"
yAxisLabelFormat="{0}B"
[yAxisLabelFormatSpecifiers]="NumberFormatSpecifier1">
[yAxisLabelFormatSpecifiers]="numberFormatSpecifier1">
</igx-category-chart>
</div>
</div>
Loading