Rendering Highcharts using Angular js Directives

Question

I am new to Angular JS and trying to render my highcharts (Basic Line) by creating a directive. Please tell me the approach I should follow here. Any help would be appreciat

Answer 1

Alternative implementation here: http://jsfiddle.net/pablojim/Cp73s/

This uses https://github.com/pablojim/highcharts-ng

This allows you to create a highchart with the below html:

In the above case chart.series is an array of javascript objects representing the series on the chart - these take standard Highcharts options. These are then watched by angularjs for any changes.

chart.options is the highcharts initalisation options - also watched for changes. Although changes to this recreate the entire chart.

chart.title is the highcharts title object - also watched for changes.