Highcharts Angular by Highcharts

Official Highcharts wrapper for Angular with active support. It has the biggest list of supported chart types on the available Angular chart components.

Project website


License Custom

1. basic line
2. loading data via AJAX
3. chart with data labels
4. chart with annotations
5. zoomable time series
6. spline with inverted axes
7. spline with symbols
8. spline with plot bands
9. time data with irregular intervals
10. logarithmic axis
11. bulk data line chart
12. area chart
13. area with negative values
14. stacked area chart
15. percentage area
16. area with undefined points
17. inverted axes area chart
18. area spline chart
19. area range chart
20. area range and line chart combination
21. sparkline chart
22. stream graph
23. basic bar chart
24. stacked bar chart
25. bar with negative stack
26. basic column chart
27. column with negative values
28. stacked column chart
29. column chart with rotated labels
30. column chart with drilldown
31. fixed placement columns chart
32. data defined in an HTML table chart
33. pie chart example
34. scatter plot chart
35. 3D bubble chart example
36. packed bubble chart example
37. split packed bubble chart example
38. dependency example chart
39. word cloud chart example
40. timeline chart example
41. network chart example


“@angular/animations”: “7.1.0”,
“@angular/common”: “7.1.0”,
“@angular/compiler”: “7.1.0”,
“@angular/core”: “7.1.0”,
“@angular/forms”: “7.1.0”,
“@angular/http”: “7.1.0”,
“@angular/platform-browser”: “7.1.0”,
“@angular/platform-browser-dynamic”: “7.1.0”,
“@angular/router”: “7.1.0”,
“core-js”: “2.5.4”,
“rxjs”: “6.3.3”,
“tslib”: “1.9.0”,
“zone.js”: “0.8.26”,
“highcharts”: “7.1.1”,
“@highcharts/map-collection”: “1.1.2”,
“highcharts-custom-events”: “2.2.2”


npm i angular-highcharts


  • types: horizontal bar chart, vertical bar chart (stacked, standard, normalized, grouped), line chart, bubble chart, pie chart, donut chart, area chart, radial, and lineal gauge chart, force-directed graph, treemap, heatmap, number carts
  • possibility to create custom charts
  • advanced tooltip configuration
  • use of gradients
  • disabling tooltips
  • trimming axis
  • padding between bars
  • customization of: time filtering, autoscaling, configurable axis’ labels
  • customizing legends (gradient, labels)
  • label positioning
  • line interpolation
  • real-time data support and data point event handlers
  • works with ngUpgrade

You may also like...