Category: Column & Bar

← 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 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 JavaScript-based SoundCloud player using amChartsColumn & Bar, Hacking, JavaScript Charts
A serial chart with two synchronized value axesColumn & Bar, JavaScript Charts, Line & Area
A simple histogram chartColumn & Bar, JavaScript Charts
Adaptive label position on a waterfall chartColumn & Bar, JavaScript Charts
Add automatic sum labels on top of the stacked columnsColumn & Bar, JavaScript Charts
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 colored background to pattern-filled columnsColumn & Bar, JavaScript Charts
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
Aggregating the data dynamically based on chart container sizeColumn & Bar, JavaScript Charts
Annotating chart with dynamically adding guides with click/tap on chartColumn & Bar, Hacking, JavaScript Charts, Line & Area
Auto-calculate column color based on valueColumn & Bar, JavaScript Charts, Plugins
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 apply theme colors to each individual columnColumn & Bar, JavaScript Charts
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 weekends on the chartColumn & Bar, JavaScript Charts, Line & Area
Automatically order columns by their valueColumn & Bar, JavaScript Charts
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 switch label color based on the column fill colorColumn & Bar, JavaScript Charts
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
Bar chart with constant bar/category heightColumn & Bar, JavaScript Charts
Calculate and display percent value of each column/barColumn & Bar, JavaScript Charts
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
Clustered multi-segment stacked column chart with sub-categoriesColumn & Bar, JavaScript Charts
Color-coding each category axis label individuallyColumn & Bar, JavaScript Charts, Line & Area
Coloring each column individually according to category budgetColumn & Bar, JavaScript Charts
Coloring individual category axis labelsColumn & Bar, JavaScript Charts, Line & Area
Combined stacked bar and bullet chartsColumn & Bar, JavaScript Charts, Line & Area
Combining 100% stacked and clustered graphsColumn & Bar, JavaScript Charts
Combining bullet and line graphsColumn & Bar, JavaScript Charts, Line & Area
Combining column and line graphs with separate axisColumn & Bar, JavaScript Charts, Line & Area
Comparative multi-bar chartColumn & Bar, JavaScript Charts
Controlling category axis start and end points by adding empty data pointsColumn & Bar, JavaScript Charts, Line & Area
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 bullet chartColumn & Bar, JavaScript Charts
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
Demographic population chartColumn & Bar, JavaScript Charts
Detecting at what value mouse pointer isColumn & Bar, Hacking, JavaScript Charts, Line & Area, XY & Bubble
Dimming all graphs but the one currently being rolled overColumn & Bar, JavaScript Charts
Disabling default chart scrollbar zoom eventsColumn & Bar, Hacking, JavaScript Charts, Line & Area
Display category on top of the horizontal barsColumn & Bar, JavaScript Charts
Display sum of real values on stacked columnsColumn & Bar, JavaScript Charts
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
Displaying start and end value labels on a floating bar chartColumn & Bar, JavaScript Charts
Displaying thresholds on column chart using "flat" column graphColumn & Bar, JavaScript Charts
Do not allow column width to grow beyond certain widthColumn & Bar, JavaScript Charts
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 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 chart data to Excel when column clickColumn & Bar, Exporting, JavaScript Charts
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
Generate legend markers for each columnColumn & Bar, JavaScript Charts
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
Heat-map chartColumn & Bar, JavaScript Charts
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
Highlight the column with the highest valueColumn & Bar, JavaScript Charts
Highlighting a graph on hoverColumn & Bar, JavaScript 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
Layered Bar ChartColumn & Bar, JavaScript Charts
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
Linking chart columns to custom URLsColumn & Bar, JavaScript Charts
Linking pie chart with column chart for drill-down data displayColumn & Bar, JavaScript Charts, Pie & Funnel
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 chart data with mouseColumn & Bar, JavaScript Charts, Pie & Funnel
Manipulate exported data (CSV or Excel)Column & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Multi-tier bar chartColumn & Bar, JavaScript Charts
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
Order stacked columns by their value within each categoryColumn & Bar, JavaScript Charts
Ordering columns within category by their valueColumn & Bar, JavaScript Charts
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
Paging data in GANTT chartColumn & Bar, JavaScript Charts
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
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
Registering click on the whole of the category on column chartColumn & Bar, JavaScript Charts
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 columns on a 3D Column ChartColumn & Bar, JavaScript Charts
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
Serial chart with clickable links in rollover balloonsColumn & Bar, JavaScript Charts
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
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
Showing one balloon per column stackColumn & Bar, JavaScript Charts
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 semi-filled columnsColumn & Bar, JavaScript Charts
Stacked bar chart with dual-labelsColumn & Bar, JavaScript Charts
Stacked floating 3D column chartColumn & Bar, JavaScript Charts
Styling plot area color using CSSColumn & Bar, Gauges & Other, JavaScript Charts, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Syncing chart with Google MapsColumn & Bar, JavaScript Charts, Line & Area
Syncing gauge chart (clock) with floating bar chartColumn & Bar, Gauges & Other, JavaScript Charts
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
Truncating long category axis labels with ellipsisColumn & Bar, JavaScript Charts
Use legend to toggle all graphs on single clickColumn & Bar, JavaScript Charts, Line & Area
Using "balloonFunction" to format proprietary data in balloonColumn & Bar, JavaScript Charts, Line & Area
Using "fixedColumnWidth" to display consistent-width columns across several chartsColumn & Bar, JavaScript Charts
Using amCharts with Vue.js and WebpackColumn & Bar, JavaScript Charts
Using category axis labels as legend on a stacked column chartColumn & Bar, JavaScript Charts
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 chart config when exporting to imageColumn & Bar, Exporting, Gauges & Other, JavaScript Charts, JavaScript Maps, JavaScript Stock Chart, Line & Area, Pie & Funnel, XY & Bubble
Using different fill patterns on the column chartColumn & Bar, JavaScript Charts
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 GANTT chart to display multi-segmented columns/barsColumn & Bar, Gauges & Other, JavaScript Charts
Using guides to group categoriesColumn & Bar, JavaScript Charts
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 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 entries in "fillColors" to create a dual-colored columnsColumn & Bar, JavaScript Charts
Using pattern fills to create infographicsColumn & Bar, JavaScript Charts
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 trend lines to put SVG images on the chartColumn & Bar, JavaScript Charts, Line & Area
Using unclustered floating columns/barsColumn & Bar, JavaScript Charts
Vertical trellis chartColumn & Bar, JavaScript Charts, Line & Area
Zero base value axisColumn & Bar, JavaScript Charts