Category: Line & Area

← All tutorials

Hooking up chart to data feed servicesFeaturedAll types, Column & Bar, External Data, JavaScript Charts, JavaScript Stock Chart, Line & Area
Optimizing multi-chart, periodically-updated dashboardsFeaturedColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Setting custom column names for exported chart dataFeaturedAll types, Column & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, Plugins, XY & Bubble
Transferring demos from amcharts.com, CodePen or jsFiddle into WordPressFeaturedAll types, Column & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, WordPress, XY & Bubble
Using amCharts WordPress pluginFeaturedAll types, Column & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, WordPress, XY & Bubble
Using CSS to apply patterned dashes to line graphs and column outlinesFeaturedJavaScript Charts, Line & Area
Using CSS to dynamically size map or chart height based on available widthFeaturedAll types, Column & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Using object-based chart setupFeaturedColumn & Bar, JavaScript Charts, Line & Area
A home page chart with "3D wall" effectJavaScript Charts, Line & Area
A serial chart with two synchronized value axesColumn & Bar, JavaScript Charts, Line & Area
A weather / wind chartJavaScript Charts, Line & Area
Adding a shadow to line graphJavaScript Charts, Line & Area
Adding a title to legendColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Adding bordered boxes with a fill color to graph value labelsColumn & Bar, JavaScript Charts, Line & Area
Adding click event handlers to chart axisColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Adding custom action items into Export menuAll types, Column & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Adding hyperlinks to category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Adding hyperlinks to chart titlesColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Annotating chart with dynamically adding guides with click/tap on chartColumn & Bar, Hacking, JavaScript Charts, Line & Area
Arrow chartJavaScript Charts, Line & Area
Auto-hide chart scrollbar when the chart is fully zoomed outColumn & Bar, JavaScript Charts, Line & Area
Auto-offsetting multiple value axisColumn & Bar, JavaScript Charts, Line & Area
Auto-truncate long category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Auto-truncating long value axis labels with ellipsis and hover balloonColumn & Bar, JavaScript Charts, Line & Area
Auto-wrap long category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Automatically adding guides for minimum and maximum valueColumn & Bar, JavaScript Charts, Line & Area
Automatically color segments of the line graph based on positive or negative change in valueJavaScript Charts, Line & Area
Automatically create a table of chart data on loadColumn & Bar, JavaScript Charts, Line & Area
Automatically format numbers according to user's localeColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Automatically format numbers according to user's locale settingsColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Automatically generate series and graphs from dataColumn & Bar, JavaScript Charts, Line & Area
Automatically hiding graphs with all zero values from legendColumn & Bar, JavaScript Charts, Line & Area
Automatically marking out highest and lowest points on the graphJavaScript Charts, Line & Area
Automatically marking weekends on the chartColumn & Bar, JavaScript Charts, Line & Area
Automatically replace zeros in data with "null" valuesColumn & Bar, JavaScript Charts, Line & Area
Automatically reverse category axis on non-date serial chartColumn & Bar, JavaScript Charts, Line & Area
Automatically syncing left margin of several serial chartsColumn & Bar, JavaScript Charts, Line & Area
Automatically syncing Pie chart data with Column chart on hoverColumn & Bar, JavaScript Charts, Line & Area, Pie & Funnel
Automatically-calculate Pareto line chartColumn & Bar, Hacking, JavaScript Charts, Line & Area
Catching cursor position on click anywhere in the chartColumn & Bar, JavaScript Charts, Line & Area
Changing graph color on the fly using jQuery color pickerColumn & Bar, JavaScript Charts, Line & Area
Chart with Persian number formatColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Clickable category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Color-coding each category axis label individuallyColumn & Bar, JavaScript Charts, Line & Area
Coloring individual category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Combined stacked bar and bullet chartsColumn & Bar, JavaScript Charts, Line & Area
Combining bullet and line graphsColumn & Bar, JavaScript Charts, Line & Area
Combining column and line graphs with separate axisColumn & Bar, JavaScript Charts, Line & Area
Controlling category axis start and end points by adding empty data pointsColumn & Bar, JavaScript Charts, Line & Area
CSS-animating chart bullets on hoverJavaScript Charts, Line & Area, XY & Bubble
Custom hardcoded items in chart legendColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Custom zoom out buttonColumn & Bar, JavaScript Charts, Line & Area
Date-based value axis and valuesColumn & Bar, JavaScript Charts, Line & Area
Delay chart initialization until user actively clicks on the chartColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Detecting at what value mouse pointer isColumn & Bar, Hacking, JavaScript Charts, Line & Area, XY & Bubble
Disabling default chart scrollbar zoom eventsColumn & Bar, Hacking, JavaScript Charts, Line & Area
Display a category label at end of line graphJavaScript Charts, Line & Area
Display bullet and value of the last data point on line graphsJavaScript Charts, Line & Area
Display negative and positive stacked area graphs at the same timeJavaScript Charts, Line & Area
Display value labels inside bulletsJavaScript Charts, Line & Area
Displaying an automatically-generated table of data synced with category axisColumn & Bar, JavaScript Charts, Line & Area
Displaying an HTML table in the chart rollover balloonColumn & Bar, JavaScript Charts, Line & Area
Displaying category axis cursor balloon inside plot areaColumn & Bar, JavaScript Charts, Line & Area
Displaying chart guides in legendColumn & Bar, JavaScript Charts, Line & Area
Displaying enlarged chart in a modalColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Displaying loading indicator until the chart is loadedColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Displaying rollover balloon outside of chart areaColumn & Bar, JavaScript Charts, Line & Area
Dynamic chart container size based on number of data pointsColumn & Bar, JavaScript Charts, Line & Area
Dynamically adding guides per user inputColumn & Bar, JavaScript Charts, Line & Area
Dynamically changing data granularity on a Serial chartHacking, JavaScript Charts, Line & Area
Dynamically changing granularity of data based on zoom scopeColumn & Bar, JavaScript Charts, Line & Area
Dynamically resizing chart container as per number of columns/barsColumn & Bar, JavaScript Charts, Line & Area
Dynamically updated sliding chartColumn & Bar, JavaScript Charts, Line & Area
Enable value labels in exported chart imageColumn & Bar, Exporting, Hacking, JavaScript Charts, Line & Area
Export chart data to JSON, CSV and Excel via APIColumn & Bar, Exporting, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Exporting a scaled chart imageColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Exporting multiple charts on the page to a single PDFColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Filtering chart data dynamicallyColumn & Bar, JavaScript Charts, Line & Area
Finding out screen coordinates of a chart data pointColumn & Bar, JavaScript Charts, Line & Area
Format value axis and balloon numbers as file sizesColumn & Bar, JavaScript Charts, Line & Area
Formatting category axis date labels according to user's locale settingsColumn & Bar, JavaScript Charts, Line & Area
Get Base64 representation of chart imageColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, Plugins, XY & Bubble
Gradient fills on plot areaColumn & Bar, JavaScript Charts, Line & Area
Hide graphs with all zero values from the legendColumn & Bar, JavaScript Charts, Line & Area
Hiding value labels for zero valuesColumn & Bar, JavaScript Charts, Line & Area
Highlight label for column with biggest valueColumn & Bar, JavaScript Charts, Line & Area
Highlighting a graph on hoverColumn & Bar, JavaScript Charts, Line & Area
Highlighting a line graph on hover in legendJavaScript Charts, Line & Area
Highlighting data points with highest and lowest valuesJavaScript Charts, Line & Area
Horizon chartJavaScript Charts, Line & Area
Horizontal funnel chart with regular serial chartJavaScript Charts, Line & Area
Horizontal trellis chartColumn & Bar, JavaScript Charts, Line & Area
Implementing a gliding animated vertical line on serial chartColumn & Bar, JavaScript Charts, Line & Area
Interacting between different chart typesColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Interactively adding guides to chart on click/tapJavaScript Charts, Line & Area
Lazy-loading 120 charts on the same pageAll types, Column & Bar, Gauges & Other, Hacking, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Limiting export button to only print optionColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Line graph mixed with 3D Column ChartColumn & Bar, JavaScript Charts, Line & Area
Make the charts "lazy-initialize" only when they scroll into viewAll types, Column & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Making a custom-data legend items switchableColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, Line & Area, Pie & Funnel, XY & Bubble
Manipulate exported data (CSV or Excel)Column & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Multiple value axis cursor balloonsColumn & Bar, JavaScript Charts, Line & Area
Navigating large number of category-based records w/ dynamic loadingColumn & Bar, JavaScript Charts, Line & Area
OHLC chart with buy/sell indicators using trend linesColumn & Bar, JavaScript Charts, Line & Area
Overlapping area chartJavaScript Charts, Line & Area
Overriding (translating) default Export menu promptsAll types, Column & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Overriding CSV delimiter in exportColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Padding data with "empty" data points to display out-of-range guideColumn & Bar, JavaScript Charts, Line & Area
Padding line graph with empty values at the end and startJavaScript Charts, Line & Area
Placing a watermark label relatively to plot area positionColumn & Bar, JavaScript Charts, Line & Area
Placing chart legend in an external containerColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Placing Export menu button outside the chartColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Plotting a bell curve chartJavaScript Charts, Line & Area
Position chart cursor to show balloon before exporting to imageColumn & Bar, Exporting, Hacking, JavaScript Charts, Line & Area
Positioning chart cursor before exportColumn & Bar, Exporting, JavaScript Charts, Line & Area
Pre-zooming chart's value axis on chart loadColumn & Bar, JavaScript Charts, Line & Area
Preserving zoom of the serial chart across data updatesColumn & Bar, JavaScript Charts, Line & Area
Real-time data updates using websocketsColumn & Bar, JavaScript Charts, Line & Area
Resizing the chart for printColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Reusing single legend across multiple serial and XY chartsColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Reusing the same config object for multiple chartsColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Reversed bar chartColumn & Bar, JavaScript Charts, Line & Area
Rounding custom images used as bulletsColumn & Bar, JavaScript Charts, Line & Area
Scrollable external chart legendColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Selecting time period on a date-based serial chartColumn & Bar, JavaScript Charts, Line & Area
Selectively removing export formats from default export menuColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Setting guide tick color using CSSColumn & Bar, JavaScript Charts, Line & Area
Setting language for the chartColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Setting order of graphs via configColumn & Bar, JavaScript Charts, Line & Area
Setting up "zoomed" event to only fire when actual zoom finishesColumn & Bar, Hacking, JavaScript Charts, Line & Area
Setting value range caps on value axesColumn & Bar, JavaScript Charts, Line & Area
Share a scrollbar across several chartsJavaScript Charts, Line & Area
Show 3 balloons per error plot data pointJavaScript Charts, Line & Area
Show automatically calculated best fit trend lineColumn & Bar, JavaScript Charts, Line & Area
Show value axis cursor balloon at different precision than axis labelsColumn & Bar, JavaScript Charts, Line & Area
Showcase of various chart animation effectsColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Showing multiple charts on the page based on user interactionColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Maps, Line & Area, Pie & Funnel, XY & Bubble
Simulating box plot with candlestick and floating column graphsColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area
Simulating secondary axis on a serial chartColumn & Bar, JavaScript Charts, Line & Area
Simulating secondary axis on a serial chart using guidesJavaScript Charts, Line & Area
Styling plot area color using CSSColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Sync chart cursor with HTML5 audioHacking, JavaScript Charts, Line & Area
Syncing chart with Google MapsColumn & Bar, JavaScript Charts, Line & Area
Syncing left margin of two serial chartsColumn & Bar, JavaScript Charts, Line & Area
Syncing roll over balloons across column and pie chartColumn & Bar, JavaScript Charts, Line & Area, Pie & Funnel
Syncing zoom across several date-based serial chartsColumn & Bar, JavaScript Charts, Line & Area
Toggling external chart legend via APIColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Treating gaps in date-based data as zerosColumn & Bar, JavaScript Charts, Line & Area
Trellis chartColumn & Bar, JavaScript Charts, Line & Area
Triggering chart animation only when chart scrolls into viewColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Use guides to display value of the last data point on value axisJavaScript Charts, Line & Area
Use legend to toggle all graphs on single clickColumn & Bar, JavaScript Charts, Line & Area
Use mouse button click to zoom in and out the chartJavaScript Charts, Line & Area
Using "balloonFunction" to format proprietary data in balloonColumn & Bar, JavaScript Charts, Line & Area
Using chart events to display selection range and click object infoColumn & Bar, JavaScript Charts, Line & Area
Using CSS to make internal legend scrollableColumn & Bar, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Using custom bullets to highlight bar/column labelsColumn & Bar, JavaScript Charts, Line & Area
Using Data Loader functions to load chart CSV dataColumn & Bar, External Data, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Using different bullets for each individual data pointJavaScript Charts, Line & Area
Using different chart config when exporting to imageColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Using editable grid as chart's data sourceColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Using Export API functions to dynamically save and load chart annotationsColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Using export plugin to display chart data in a tableColumn & Bar, Exporting, JavaScript Charts, Line & Area
Using external buttons to navigate through date-based chartColumn & Bar, JavaScript Charts, Line & Area
Using guides to mark out weekend hours on a intra-day chartColumn & Bar, JavaScript Charts, Line & Area
Using guides to put colored labels on value axisColumn & Bar, JavaScript Charts, Line & Area
Using images as legend markersColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Using jQuery to catch clicks on area graphsJavaScript Charts, Line & Area
Using labels to display axis labels aligned to right or left (top or bottom)Column & Bar, JavaScript Charts, Line & Area, XY & Bubble
Using labels to display value axis title on topColumn & Bar, JavaScript Charts, Line & Area
Using legend to show only one graph on clickColumn & Bar, JavaScript Charts, Line & Area, XY & Bubble
Using multiple value thresholds to color line graphJavaScript Charts, Line & Area
Using regular labels as chart titleColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Using Responsive plugin to override chart's title based on resolutionColumn & Bar, Gauges & Other, JavaScript Charts, Line & Area, Pie & Funnel, XY & Bubble
Using syncWithCursor to sync cursor across several serial chartsJavaScript Charts, Line & Area
Using trend lines to mark special events on chartJavaScript Charts, Line & Area
Using trend lines to put SVG images on the chartColumn & Bar, JavaScript Charts, Line & Area
Using trend lines to show bullets as arrows pointing in direction of lineJavaScript Charts, Line & Area
Vertical trellis chartColumn & Bar, JavaScript Charts, Line & Area