Skip to content

fix(skills): removed misleading listing of bar as category chart type #17261

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ivanvpetrov wants to merge 4 commits into
base: master
Choose a base branch
from
+5 −5
Open

fix(skills): removed misleading listing of bar as category chart type #17261

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a37be58
fix(skills): removed missleading listing of bar as category chart type
ivanvpetrov May 7, 2026
e4eb530
Potential fix for pull request finding
ivanvpetrov May 7, 2026
d238ddf
Apply suggestions from code review
ivanvpetrov May 7, 2026
5ece907
Merge branch 'master' into ipetrov/bar-chart-skill-clarification
ivanvpetrov May 8, 2026
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
10 changes: 5 additions & 5 deletions skills/igniteui-angular-components/references/charts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,15 @@ This reference gives high-level guidance on when to use each chart type, their k

| Component | NgModule to import | Description |
|---|---|---|
| `IgxCategoryChartComponent` | `IgxCategoryChartModule` | Simplified API for area, bar, column charts |
| `IgxCategoryChartComponent` | `IgxCategoryChartModule` | Simplified API for column, line, area, spline, StepLine/StepArea, point, waterfall |
| `IgxFinancialChartComponent` | `IgxFinancialChartModule` | Stock/candlestick charts with OHLC data |
| `IgxDataChartComponent` | `IgxDataChartModule` | Advanced: explicit axes, series, >65 chart types |
| `IgxPieChartComponent` | `IgxPieChartModule` | Part-to-whole pie and donut charts |
| `IgxDataPieChartComponent` | `IgxDataPieChartModule` | Simplified API for pie charts |
| `IgxLegendComponent` | `IgxLegendModule` | Shared legend component |

### When to use each:
- **Category Chart** → Use for simple area/bar/column; let framework auto-configure
- **Category Chart** → Use for simple line/area/column/point/spline/step/waterfall; let framework auto-configure
- **Financial Chart** → Use for stock data with time-series OHLC, indicators, volume
- **Data Chart** → Use for advanced scenarios: multiple axes, custom series combinations, stacked/scatter
- **Pie Chart** → Use for part-to-whole (segments sum to 100%)
Expand Down Expand Up @@ -173,7 +173,7 @@ chartComponent.itemsSource = dataArray;
- Start Y-axis at 0
- Order time-series left to right
- **Avoid**: Many series (>10) side-by-side (readability)
- **Related**: Bar Chart (same but horizontal), Waterfall (show differences between values)
- **Related**: Bar Chart (horizontal equivalent, use `IgxDataChartComponent` + `IgxBarSeriesComponent`), Waterfall (show differences between values)

### Stock Chart (`IgxFinancialChartComponent`)
- **Use**: Financial/OHLC data analysis, candlestick visualization, technical indicators
Expand Down Expand Up @@ -231,7 +231,7 @@ chartComponent.itemsSource = dataArray;

## Common API Members by Chart Type

### IgxCategoryChartComponent (Area, Bar, Column, Line, etc.)
### IgxCategoryChartComponent (Area, Column, Line, Point, Spline, StepLine, StepArea, Waterfall etc.)
```typescript
// Required
dataSource: any[]; // Data array (auto-detects numeric fields)
Expand Down Expand Up @@ -427,7 +427,7 @@ import { IgxCategoryChartModule } from 'igniteui-angular-charts';

## Data Requirements

### Category Chart (Area, Bar, Column, Line)
### Category Chart (Area, Column, Line, Point, Spline, StepLine, StepArea, Waterfall)
- Array or list of data items
- At least 1 numeric column (values)
- Optionally 1 string/date column (labels)
Expand Down
Loading