Category: Column & Bar
- 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 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 JavaScript-based SoundCloud player using amCharts
- A serial chart with two synchronized value axes
- A simple histogram chart
- Adaptive label position on a waterfall chart
- Add automatic sum labels on top of the stacked columns
- 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 colored background to pattern-filled columns
- 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
- Aggregating the data dynamically based on chart container size
- Annotating chart with dynamically adding guides with click/tap on chart
- Auto-calculate column color based on value
- 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 apply theme colors to each individual column
- 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 weekends on the chart
- Automatically order columns by their value
- Automatically replace zeros in data with "null" values
- Automatically reverse category axis on non-date serial chart
- Automatically switch label color based on the column fill color
- Automatically syncing left margin of several serial charts
- Automatically syncing Pie chart data with Column chart on hover
- Automatically-calculate Pareto line chart
- Bar chart with constant bar/category height
- Calculate and display percent value of each column/bar
- 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
- Clustered multi-segment stacked column chart with sub-categories
- Color-coding each category axis label individually
- Coloring each column individually according to category budget
- Coloring individual category axis labels
- Combined stacked bar and bullet charts
- Combining 100% stacked and clustered graphs
- Combining bullet and line graphs
- Combining column and line graphs with separate axis
- Comparative multi-bar chart
- Controlling category axis start and end points by adding empty data points
- Custom hardcoded items in chart legend
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Custom zoom out button
- Date-based bullet chart
- Date-based value axis and values
- Delay chart initialization until user actively clicks on the chart
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Demographic population chart
- Detecting at what value mouse pointer is
- Dimming all graphs but the one currently being rolled over
- Disabling default chart scrollbar zoom events
- Display category on top of the horizontal bars
- Display sum of real values on stacked columns
- 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
- Displaying start and end value labels on a floating bar chart
- Displaying thresholds on column chart using "flat" column graph
- Do not allow column width to grow beyond certain width
- Dynamic chart container size based on number of data points
- Dynamically adding guides per user input
- 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 chart data to Excel when column click
- 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
- Generate legend markers for each column
- Get Base64 representation of chart image
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelPluginsXY & Bubble
- Gradient fills on plot area
- Heat-map chart
- Hide graphs with all zero values from the legend
- Hiding value labels for zero values
- Highlight label for column with biggest value
- Highlight the column with the highest value
- Highlighting a graph on hover
- Horizontal trellis chart
- Implementing a gliding animated vertical line on serial chart
- Interacting between different chart types
Column & BarGauges & OtherJavaScript ChartsLine & AreaPie & FunnelXY & Bubble
- Layered Bar Chart
- 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
- Linking chart columns to custom URLs
- Linking pie chart with column chart for drill-down data display
- 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 chart data with mouse
- Manipulate exported data (CSV or Excel)
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Multi-tier bar chart
- Multiple value axis cursor balloons
- Navigating large number of category-based records w/ dynamic loading
- OHLC chart with buy/sell indicators using trend lines
- Order stacked columns by their value within each category
- Ordering columns within category by their value
- 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
- Paging data in GANTT chart
- 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
- 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
- Registering click on the whole of the category on column chart
- 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 columns on a 3D Column Chart
- 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
- Serial chart with clickable links in rollover balloons
- 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
- 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
- Showing one balloon per column stack
- Simulating box plot with candlestick and floating column graphs
- Simulating secondary axis on a serial chart
- Simulating semi-filled columns
- Stacked bar chart with dual-labels
- Stacked floating 3D column chart
- Styling plot area color using CSS
Column & BarGauges & OtherJavaScript ChartsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Syncing chart with Google Maps
- Syncing gauge chart (clock) with floating bar chart
- 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
- Truncating long category axis labels with ellipsis
- Use legend to toggle all graphs on single click
- Using "balloonFunction" to format proprietary data in balloon
- Using "fixedColumnWidth" to display consistent-width columns across several charts
- Using amCharts with Vue.js and Webpack
- Using category axis labels as legend on a stacked column chart
- 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 chart config when exporting to image
Column & BarExportingGauges & OtherJavaScript ChartsJavaScript MapsJavaScript Stock ChartLine & AreaPie & FunnelXY & Bubble
- Using different fill patterns on the column chart
- 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 GANTT chart to display multi-segmented columns/bars
- Using guides to group categories
- 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 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 entries in "fillColors" to create a dual-colored columns
- Using pattern fills to create infographics
- 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 trend lines to put SVG images on the chart
- Using unclustered floating columns/bars
- Vertical trellis chart
- Zero base value axis