Stackline Angular Highcharts StackBlitz

Dedicated StackBlitz playgrounds for @stackline/angular-highcharts.

This repository is intentionally organized by Angular major. It grows one Angular line at a time as each release is validated and published.

Angular 22 is the maintained default playground. Angular 9–21 remain available as exact framework compatibility examples and must not be treated as supported production templates.

Available Playgrounds

Angular	Package	Highcharts	StackBlitz
9.x	@stackline/angular-highcharts@9.0.0	highcharts@10.3.3	Open Angular 9
10.x	@stackline/angular-highcharts@10.0.0	highcharts@10.3.3	Open Angular 10
11.x	@stackline/angular-highcharts@11.0.0	highcharts@10.3.3	Open Angular 11
12.x	@stackline/angular-highcharts@12.0.0	highcharts@12.6.0	Open Angular 12
13.x	@stackline/angular-highcharts@13.0.0	highcharts@12.6.0	Open Angular 13
14.x	@stackline/angular-highcharts@14.0.0	highcharts@12.6.0	Open Angular 14
15.x	@stackline/angular-highcharts@15.0.0	highcharts@12.6.0	Open Angular 15
16.x	@stackline/angular-highcharts@16.0.0	highcharts@12.6.0	Open Angular 16
17.x	@stackline/angular-highcharts@17.0.0	highcharts@12.6.0	Open Angular 17
18.x	@stackline/angular-highcharts@18.0.0	highcharts@12.6.0	Open Angular 18
19.x	@stackline/angular-highcharts@19.0.0	highcharts@12.6.0	Open Angular 19
20.x	@stackline/angular-highcharts@20.0.0	highcharts@12.6.0	Open Angular 20
21.x	@stackline/angular-highcharts@21.0.0	highcharts@12.6.0	Open Angular 21
22.x	@stackline/angular-highcharts@22.1.1	highcharts@12.6.0	Open Angular 22

Angular 9

cd angular-9
npm install
npm start

The Angular 9 playground is a real Angular CLI 9.1 application. It includes:

• live crypto candle charts with REST history and WebSocket updates
• dynamic Highcharts module examples backed by market data
• static chart examples for the Highcharts 10.3.3 module surface tested on Angular 9
• tutorial panels with HTML, TypeScript, and CSS for each example
• wrapper coverage for <chart>, constructor switching, (create), and projected directive events

Angular 10

cd angular-10
npm install
npm start

The Angular 10 playground follows the same live/static structure as Angular 9, with @stackline/angular-highcharts@10.0.0 and the highest Highcharts version validated for this Angular CLI/Webpack generation: highcharts@10.3.3.

Angular 11

cd angular-11
npm install
npm start

The Angular 11 playground keeps the same live/static Highcharts 10.3.3 surface as Angular 10, validated against @stackline/angular-highcharts@11.0.0.

Angular 12

cd angular-12
npm install
npm start

The Angular 12 playground upgrades the line to @stackline/angular-highcharts@12.0.0 and highcharts@12.6.0, including the modern validated chart surface and AOT-compatible APF package consumption.

Angular 13

cd angular-13
npm install
npm start

The Angular 13 playground uses @stackline/angular-highcharts@13.0.0 and highcharts@12.6.0 through the Angular 13 APF/Ivy package line. The dynamic route keeps unstable derived series out of live updates and leaves those examples in the static gallery.

Angular 14

cd angular-14
npm install
npm start

The Angular 14 playground uses @stackline/angular-highcharts@14.0.0 and highcharts@12.6.0 through the Angular 14 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 15

cd angular-15
npm install
npm start

The Angular 15 playground uses @stackline/angular-highcharts@15.0.0 and highcharts@12.6.0 through the Angular 15 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 16

cd angular-16
npm install
npm start

The Angular 16 playground uses @stackline/angular-highcharts@16.0.0 and highcharts@12.6.0 through the Angular 16 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 17

cd angular-17
npm install
npm start

The Angular 17 playground uses @stackline/angular-highcharts@17.0.0 and highcharts@12.6.0 through the Angular 17 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 18

cd angular-18
npm install
npm start

The Angular 18 playground uses @stackline/angular-highcharts@18.0.0 and highcharts@12.6.0 through the Angular 18 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 19

cd angular-19
npm install
npm start

The Angular 19 playground uses @stackline/angular-highcharts@19.0.0 and highcharts@12.6.0 through the Angular 19 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 20

cd angular-20
npm install
npm start

The Angular 20 playground uses @stackline/angular-highcharts@20.0.0 and highcharts@12.6.0 through the Angular 20 APF/Ivy package line, with the same dynamic/static coverage validated for the public docs.

Angular 21

cd angular-21
npm install
npm start

The Angular 21 playground uses @stackline/angular-highcharts@21.0.0, Angular 21.2.16, Angular CLI 21.2.14, and highcharts@12.6.0. It keeps the same published docs surface: live crypto candles, dynamic chart examples, the static Highcharts 12.6.0 gallery, tutorial panels, constructor switching, native chart instance access, and projected directive events.

Angular 22

cd angular-22
npm ci
npm start

The Angular 22 playground uses @stackline/angular-highcharts@22.1.1, Angular 22.1.3, Angular CLI 22.1.5, and highcharts@12.6.0. The package is included as a local file:packages/angular-highcharts dependency so the StackBlitz project is self-contained.

npm start is StackBlitz-safe for Angular 22. When WebContainer provides a Node version supported by Angular 22, it starts the real Angular CLI dev server. When WebContainer is still on an older Node runtime, it serves the committed stackblitz-static/ build instead of failing during boot.

Links

• Package: https://www.npmjs.com/package/@stackline/angular-highcharts
• Docs: https://alexandro.net/docs/angular/angular-highcharts/
• Angular 22 docs: https://alexandro.net/docs/angular/angular-highcharts/angular-22/
• Angular 22 live docs: https://alexandro.net/docs/angular/angular-highcharts/angular-22/live/
• Community: https://www.reddit.com/r/Stackline/

Security

Only Angular 22 receives proactive dependency maintenance. The historical playgrounds intentionally preserve end-of-life Angular majors and should run only in disposable local or StackBlitz environments. See SECURITY.md for the support and alert-classification policy.

License

The playground source and Angular wrapper examples are available under the MIT License, including the original wrapper attribution. Highcharts is licensed separately by Highsoft AS; see THIRD_PARTY_NOTICES.md.