Cómo utilizar Highcharts con AngularJS

Highcharts-ng es una extensión de la directiva AngularJS que integra la biblioteca de gráficos Highcharts en las aplicaciones AngularJS.

Características:

Agregar y eliminar series

Establecer/actualizar opciones de gráfico

Actualizar título de gráfico

Con Enlace bidireccional del gráfico xAxis

Controla el estado de carga

Cambia el tamaño a medida que cambia el tamaño de la pantalla.

Demostración:

Demostración: /pablojim/46rhz/

Uso:

1

var myapp = angular.module('myapp', ["highcharts-ng"]);

HTML:

1

chartConfig:

1

2

3

4

5

6

7

8

9

10

p>

tamaño: {

ancho: 400,

alto: 300

},

//función ( opcional )

func: function (chart) {

//configura algo de lógica para el gráfico

}

};