Angular FusionCharts Demos

A Simple Chart

A simple chart with all data embedded into the directive

A 3D Pie Chart

A 3D pie chart using the datasource attribute from scope

A Column, Line and Area Combi Chart

A column, line and area combination chart using the datasource attribute

Different ways to use the directive

Use the fc-chart as a tag or as an attribute

Fetch data from a JSON URL

Fetch data remotely from a JSON file or URL

Fetch data from a XML URL

Fetch data remotely from a XML file or URL

Update chart data from scope

Change the data dynamically in the scope and watch the chart update automatically

Trigger scope event from chart

Click on a chart to trigger an event in the controller, and update the scope

Update chart attribute from scope

Change a parameter in the scope variable and see it automatically update the chart

Separate objects for attributes

Separate objects for chart attributes, dataset and categories