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.

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.0.0	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 install
npm start

The Angular 22 playground uses @stackline/angular-highcharts@22.0.0, Angular 22.0.0, Angular CLI 22.0.0, and highcharts@12.6.0. The package is included as a local file:packages/angular-highcharts dependency so the StackBlitz project can open before the Angular 22 package line is promoted to public npm.

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/