Category: Line & Area
- Hooking up chart to data feed servicesFeatured
All typesColumn & BarExternal DataJavaScript ChartsJavaScript Stock ChartLine & Area
- Optimizing multi-chart, periodically-updated dashboardsFeatured
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Setting custom column names for exported chart dataFeatured
All typesColumn & BarExportingGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelPluginsXY & Bubble
- Transferring demos from amcharts.com, CodePen or jsFiddle into WordPressFeatured
All typesColumn & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelWordPressXY & Bubble
- Using amCharts WordPress pluginFeatured
All typesColumn & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelWordPressXY & Bubble
- Using CSS to apply patterned dashes to line graphs and column outlinesFeatured
- Using CSS to dynamically size map or chart height based on available widthFeatured
All typesColumn & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Using object-based chart setupFeatured
- A home page chart with "3D wall" effect
- A serial chart with two synchronized value axes
- A weather / wind chart
- Adding a shadow to line graph
- Adding a title to legend
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Adding bordered boxes with a fill color to graph value labels
- Adding click event handlers to chart axis
- Adding custom action items into Export menu
All typesColumn & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Adding hyperlinks to category axis labels
- Adding hyperlinks to chart titles
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Annotating chart with dynamically adding guides with click/tap on chart
- Arrow chart
- Auto-hide chart scrollbar when the chart is fully zoomed out
- Auto-offsetting multiple value axis
- Auto-truncate long category axis labels
- Auto-truncating long value axis labels with ellipsis and hover balloon
- Auto-wrap long category axis labels
- Automatically adding guides for minimum and maximum value
- Automatically color segments of the line graph based on positive or negative change in value
- Automatically create a table of chart data on load
- Automatically format numbers according to user's locale
Column & BarGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Automatically format numbers according to user's locale settings
Column & BarGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Automatically generate series and graphs from data
- Automatically hiding graphs with all zero values from legend
- Automatically marking out highest and lowest points on the graph
- Automatically marking weekends on the chart
- Automatically replace zeros in data with "null" values
- Automatically reverse category axis on non-date serial chart
- Automatically syncing left margin of several serial charts
- Automatically syncing Pie chart data with Column chart on hover
- Automatically-calculate Pareto line chart
- Catching cursor position on click anywhere in the chart
- Changing graph color on the fly using jQuery color picker
- Chart with Persian number format
- Clickable category axis labels
- Color-coding each category axis label individually
- Coloring individual category axis labels
- Combined stacked bar and bullet charts
- Combining bullet and line graphs
- Combining column and line graphs with separate axis
- Controlling category axis start and end points by adding empty data points
- CSS-animating chart bullets on hover
- Custom hardcoded items in chart legend
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Custom zoom out button
- Date-based value axis and values
- Delay chart initialization until user actively clicks on the chart
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Detecting at what value mouse pointer is
- Disabling default chart scrollbar zoom events
- Display a category label at end of line graph
- Display bullet and value of the last data point on line graphs
- Display negative and positive stacked area graphs at the same time
- Display value labels inside bullets
- Displaying an automatically-generated table of data synced with category axis
- Displaying an HTML table in the chart rollover balloon
- Displaying category axis cursor balloon inside plot area
- Displaying chart guides in legend
- Displaying enlarged chart in a modal
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Displaying loading indicator until the chart is loaded
Column & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Displaying rollover balloon outside of chart area
- Dynamic chart container size based on number of data points
- Dynamically adding guides per user input
- Dynamically changing data granularity on a Serial chart
- Dynamically changing granularity of data based on zoom scope
- Dynamically resizing chart container as per number of columns/bars
- Dynamically updated sliding chart
- Enable value labels in exported chart image
- Export chart data to JSON, CSV and Excel via API
Column & BarExportingJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Exporting a scaled chart image
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Exporting multiple charts on the page to a single PDF
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Filtering chart data dynamically
- Finding out screen coordinates of a chart data point
- Format value axis and balloon numbers as file sizes
- Formatting category axis date labels according to user's locale settings
- Get Base64 representation of chart image
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelPluginsXY & Bubble
- Gradient fills on plot area
- Hide graphs with all zero values from the legend
- Hiding value labels for zero values
- Highlight label for column with biggest value
- Highlighting a graph on hover
- Highlighting a line graph on hover in legend
- Highlighting data points with highest and lowest values
- Horizon chart
- Horizontal funnel chart with regular serial chart
- Horizontal trellis chart
- Implementing a gliding animated vertical line on serial chart
- Interacting between different chart types
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Interactively adding guides to chart on click/tap
- Lazy-loading 120 charts on the same page
All typesColumn & BarGauges & OtherHackingJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Limiting export button to only print option
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Line graph mixed with 3D Column Chart
- Make the charts "lazy-initialize" only when they scroll into view
All typesColumn & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Making a custom-data legend items switchable
Column & BarGauges & OtherJavaScript ChartsJavaScript MapsLine & AreaPie & FunnelXY & Bubble
- Manipulate exported data (CSV or Excel)
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Multiple value axis cursor balloons
- Navigating large number of category-based records w/ dynamic loading
- OHLC chart with buy/sell indicators using trend lines
- Overlapping area chart
- Overriding (translating) default Export menu prompts
All typesColumn & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Overriding CSV delimiter in export
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Padding data with "empty" data points to display out-of-range guide
- Padding line graph with empty values at the end and start
- Placing a watermark label relatively to plot area position
- Placing chart legend in an external container
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Placing Export menu button outside the chart
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Plotting a bell curve chart
- Position chart cursor to show balloon before exporting to image
- Positioning chart cursor before export
- Pre-zooming chart's value axis on chart load
- Preserving zoom of the serial chart across data updates
- Real-time data updates using websockets
- Resizing the chart for print
Column & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Reusing single legend across multiple serial and XY charts
- Reusing the same config object for multiple charts
Column & BarGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Reversed bar chart
- Rounding custom images used as bullets
- Scrollable external chart legend
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Selecting time period on a date-based serial chart
- Selectively removing export formats from default export menu
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Setting guide tick color using CSS
- Setting language for the chart
Column & BarGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Setting order of graphs via config
- Setting up "zoomed" event to only fire when actual zoom finishes
- Setting value range caps on value axes
- Share a scrollbar across several charts
- Show 3 balloons per error plot data point
- Show automatically calculated best fit trend line
- Show value axis cursor balloon at different precision than axis labels
- Showcase of various chart animation effects
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Showing multiple charts on the page based on user interaction
Column & BarGauges & OtherJavaScript ChartsJavaScript MapsLine & AreaPie & FunnelXY & Bubble
- Simulating box plot with candlestick and floating column graphs
- Simulating secondary axis on a serial chart
- Simulating secondary axis on a serial chart using guides
- Styling plot area color using CSS
Column & BarGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Sync chart cursor with HTML5 audio
- Syncing chart with Google Maps
- Syncing left margin of two serial charts
- Syncing roll over balloons across column and pie chart
- Syncing zoom across several date-based serial charts
- Toggling external chart legend via API
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Treating gaps in date-based data as zeros
- Trellis chart
- Triggering chart animation only when chart scrolls into view
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Use guides to display value of the last data point on value axis
- Use legend to toggle all graphs on single click
- Use mouse button click to zoom in and out the chart
- Using "balloonFunction" to format proprietary data in balloon
- Using chart events to display selection range and click object info
- Using CSS to make internal legend scrollable
Column & BarJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Using custom bullets to highlight bar/column labels
- Using Data Loader functions to load chart CSV data
Column & BarExternal DataJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Using different bullets for each individual data point
- Using different chart config when exporting to image
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Using editable grid as chart's data source
- Using Export API functions to dynamically save and load chart annotations
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Using export plugin to display chart data in a table
- Using external buttons to navigate through date-based chart
- Using guides to mark out weekend hours on a intra-day chart
- Using guides to put colored labels on value axis
- Using images as legend markers
- Using jQuery to catch clicks on area graphs
- Using labels to display axis labels aligned to right or left (top or bottom)
- Using labels to display value axis title on top
- Using legend to show only one graph on click
- Using multiple value thresholds to color line graph
- Using regular labels as chart title
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Using Responsive plugin to override chart's title based on resolution
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Using syncWithCursor to sync cursor across several serial charts
- Using trend lines to mark special events on chart
- Using trend lines to put SVG images on the chart
- Using trend lines to show bullets as arrows pointing in direction of line
- Vertical trellis chart