amcharts's public fiddles
-
Using HTML table as a data provider for the chart
jQuery (edge), HTML, CSS, JavaScript
-
Align slices in a two-slice pie chart vertically
No-Library (pure JS), HTML, CSS, JavaScript
-
#6930
No-Library (pure JS), HTML, CSS, JavaScript
-
Selecting graph sections using chart cursor
No-Library (pure JS), HTML, CSS, JavaScript
-
#7100
No-Library (pure JS), HTML, CSS, JavaScript
-
Custom export output handler
No-Library (pure JS), HTML, CSS, JavaScript
-
Zero base on value axis
No-Library (pure JS), HTML, CSS, JavaScript
-
External drawing/erasing buttons
No-Library (pure JS), HTML, CSS, JavaScript
-
#7001
No-Library (pure JS), HTML, CSS, JavaScript
-
#7001
No-Library (pure JS), HTML, CSS, JavaScript
-
#7100
No-Library (pure JS), HTML, CSS, JavaScript
-
Displaying information about clicked map object outside of the map
No-Library (pure JS), HTML, CSS, JavaScript
-
Pareto chart example
No-Library (pure JS), HTML, CSS, JavaScript
-
#7091
No-Library (pure JS), HTML, CSS, JavaScript
-
Show data labels for specific data points
No-Library (pure JS), HTML, CSS, JavaScript
-
Executing custom code when the chart initial animation finishes
No-Library (pure JS), HTML, CSS, JavaScript
-
#7067
No-Library (pure JS), HTML, CSS, JavaScript
-
#7037
No-Library (pure JS), HTML, CSS, JavaScript
-
#6693
No-Library (pure JS), HTML, CSS, JavaScript
-
Stacked Area
Our Serial chart supports stacked or <a href="/demos/100-stacked-area-chart/">100% stacked</a> areas. Technically, area graph is just a regular line graph with fill opacity set to some bigger than 0 value. This means you can easily switch from area to line only by modifying this property. And even more - you can simply change this area to smoothed-area or step-area chart by changing a single <strong>type</strong> property of <a href="http://docs.amcharts.com/3/javascriptcharts/AmGraph">AmGraph</a>. <h2>Hidden graphs</h2> Legend of our charts allows showing/hiding graphs by clicking on the legend item you want to hide or show. You can also define which of the graphs are hidden by default - notice, the "cars" graph is hidden at the moment the chart is loaded and you can show it if you click it's legend marker. <h2>Vertical lines and fills</h2> You can fill the area between two categories with some color, add annotation to it using Guides. The same guides are used to create a single-lines to mark some event. Guides can be added to both category and value axes.