MENU
Products
JavaScript
Charts
JavaScript
Stock Chart
Interactive JavaScript
Maps
Demos
Charts and Maps
Inspiration Gallery
Download
Buy
Support
Docs
API Reference
Tutorials
Quick Tips
Live Editor
Create charts online
Tutorials
Javascript Charts
Fitting pie charts into small containers
amCharts meets requireJS
Your first chart with amCharts
Loading external data
Interacting between JavaScript Charts and JavaScript Maps
Using Data Loader to connect charts to MySQL data base
Time series chart – the great advantages of parsing dates
Formatting dates
Non-English months / weekdays
Putting a legend outside the chart area
Creating Sparkline / Micro Charts
Live-editing Chart Data
Showing only one balloon for all graphs
Detecting at what value mouse pointer is
Displaying bullets on specified points only
Replacing axis labels with arbitrary text
Filling area between two lines
Multi-segmented line graph
Combined stacked line/area graphs with non-stacked ones
User defined min/max values of Value Axis
Multiple value axes on XY chart
Drill-down column chart
Marking weekends or filling single series backround
Multiple data sets with regular charts
Vertical or horizontal lines or fills
Handling mouse events on line graph
Updating balloon (tool-tip) text on the fly
Make the pie chart to take the whole space of the container
Javascript Maps
Your first amMap
Interacting between JavaScript Charts and JavaScript Maps
Loading external map data
Creating custom maps for JavaScript amMap
Javascript Stock Chart
Your first Stock chart
Working with Stock Chart as with Serial chart (important!)
Understanding data grouping of Stock chart
Adding multiple value axis to a Stock Charts panel
Moving average indicators for Stock Chart
Disabling cursor / scrollbar in Stock Chart
Disabling or enabling value axis recalculation to percents
All types
Using Data Loader plugin to load external data in CSV or JSON formats
Exporting charts and maps: Quick Intro
Exporting charts and maps: Advanced usage
Applying SVG filters on charts and maps
Making charts and maps responsive
Automate report generation using PhantomJS
Changing chart size with CSS
CSS animations
CSS class names of visual chart elements
How to import data into the Live Editor
Embedding Live Editor charts into WordPress (and other oEmbed-compatible systems)
Beginners: Console is your friend
Working with themes
Creating charts using JSON
Adding charts and maps to a Weebly website
Using events
Real-time data
Images above or behind the chart/map
Force-show balloon over specific point
Compiling and minifying JavaScript file from sources
Two or more charts on one page
Displaying charts in tabs or other dynamic page elements
Pages with base-href
Resizing chart for print
var chart = AmCharts.makeChart("chartdiv", { "type": "serial", "pathToImages": "http://www.amcharts.com/lib/3/images/", "addClassNames": true, "dataProvider": [[data]], "graphs": [{ "bullet": "round", "valueField": "value", "fillAlphas": .3, "lineColor": "#1d8b3a", "negativeLineColor": "#8b1d1d" },{ "type": "column", "valueField": "value", "fillAlphas": .3, "lineColor": "#1d8b3a", "fillColors": "#1d8b3a", "negativeLineColor": "#8b1d1d", "negativeFillColors": "#8b1d1d" }], "chartCursor": { graphBulletSize: 1.5 }, "dataDateFormat": "YYYY-MM-DD", "categoryField": "date", "categoryAxis": { "parseDates": true } });
#chartdiv { width : 100%; height : 500px; } .[[classname]] { -webkit-animation: am-pulsate 1s infinite; animation: am-pulsate 1s infinite; }