Rahul8101's public fiddles
-
Special Events
Drag a projected column to see its change
-
Applying a different theme
Choosing from different themes available in FusionCharts Suite
-
Percentage Calculation
A column chart with each column showing percentage of data with respect to the total
-
World Map
World map showing data for different continents
-
A simple gauge
A simple gauge to show customer satisfaction score
-
Add drill-down to chart
Use LinkedCharts to quickly add drill-down to charts
-
Export multiple charts
Use Batch Export to export multiple charts as a single image/PDF
-
Separate objects for attributes
Separate objects for chart attributes, dataset and categories
-
Update chart attribute from scope
Change a parameter in the scope variable and see it automatically update the chart
-
Trigger scope event from chart
Hover over a plot to trigger an event in the controller, and update the scope
-
Update chart data from scope
Change the data dynamically in the scope and watch the chart update automatically
-
Different ways to use the directive
Use fusioncharts as an element or as an attribute
-
A Column, Line and Area Combi Chart
A column, line and area combination chart using the datasource attribute
-
A 3D Pie chart
A 3D pie chart using the datasource attribute from scope
-
A simple chart
A simple chart with all data embedded into the directive
-
Padding in tooltip
No-Library (pure JS), HTML, CSS, JavaScript