Angular2 charting components based on Highcharts. Live Demo
npm install angular2-highcharts --save
Main charts functionality provided by the
chart component and its
Highcharts itself provides bunch of events, and you still can use them with angular2-higcharts via the
options property of the
chart component. But it is not an angular2 way to handle events like this. So that angular2-higcharts provides
EventEmitter<ChartEvent> wrappers for highcharts events.
ChartEvent is an angular2-higcharts class which simply wraps original Highcharts events (
chartEvent.originalEvent) and adds event handler context (
chartEvent.context) since it differs depending on events.
All the events from the options.chart.events are available as output properties of the
To use series events the same way you need to add the
series component as a child of your chart. The only purpose of this auxiliary component is to provide access to options.plotOptions.series.events API
Similary you can use the
point to access to options.plotOptions.series.point.events API.
Dynamic Interaction with Chart Object
angular2-higcharts provides possibility to interact with native
HighchartsChartObject chart object.
Access to the Highcharts Static Members
angular2-highcharts exports native
Highcharts object to interact with its static members.
Highstock and Highmaps
type property allows you to specify chart type. Possible values are:
Chart (Default value)
Map (To use this type you need to load the 'highcharts/modules/map' module additionally.)
MIT @ Eugene Gluhotorenko