@amcharts/amcharts5-mcp 1.7.0 → 1.8.0

package/extended/examples/column-bar/100-stacked-column-chart.md

@@ -2,7 +2,7 @@
 title: "100% Stacked Column Chart"
 source: "https://www.amcharts.com/demos/100-stacked-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 In a 100% stacked column chart every column is a whole, split into shares. Here, six regions over three years: the chart works out the percentages from the raw numbers in the data.

package/extended/examples/column-bar/bar-and-line-chart-mix.md

@@ -2,7 +2,7 @@
 title: "Bar and Line Chart Mix"
 source: "https://www.amcharts.com/demos/bar-and-line-chart-mix/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Bars and a line on one chart, turned on its side: income as horizontal bars, expenses as a line that climbs through the years. In 2025, expenses overtook income.

package/extended/examples/column-bar/bar-chart-race.md

@@ -2,7 +2,7 @@
 title: "Bar Chart Race"
 source: "https://www.amcharts.com/demos/bar-chart-race/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A bar chart that plays like a race. Bars grow, shrink and overtake each other as the years tick by: here, 19 social networks from 2002 to 2018.

package/extended/examples/column-bar/bars-with-moving-bullets.md

@@ -2,7 +2,7 @@
 title: "Bars with Moving Bullets"
 source: "https://www.amcharts.com/demos/bars-with-moving-bullets/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A bar chart with a photo on each bar. Point at a bar and the photo slides along it to the end. Here, step counts for six friends, the bars darker the more they walked.

package/extended/examples/column-bar/bullet-chart.md

@@ -2,10 +2,10 @@
 title: "Bullet Chart"
 source: "https://www.amcharts.com/demos/bullet-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
-A bullet chart says what a gauge says in a strip: the black bar is the actual value, the short line is the target, and the colors behind say how good each level is. Two styles: a smooth gradient and five bands.
+A bullet chart says what a gauge says in a strip: the bar is the actual value, the short line is the target, and the colors behind say how good each level is. Two styles: a smooth gradient and five bands.
 
 When a bullet chart works: Bullet charts do what dashboard gauges do in a fraction of the space: one value, its target and the ranges that say good or bad, all read along one scale. Several of them stack neatly, one measure per row, where gauges would need a grid of circles.
 
@@ -38,14 +38,16 @@ root.setThemes([
 // Two bullet charts in one root, one above the other
 root.container.set("layout", root.verticalLayout);
 
-// The qualitative ranges, from poor (orange) to good (green): the higher, the better
-var colors = [
-  am5.color(0xfb7116),
-  am5.color(0xf6d32b),
-  am5.color(0xf4fb16),
-  am5.color(0xb4dd1e),
-  am5.color(0x19d228)
-];
+// The qualitative ranges, from poor to good: the higher, the better. Five colors on the theme's scale from its color
+// for negative values (red) through its warning color (yellow) to its positive one (green), so they follow the theme
+// and dark mode
+var colors = [0, 0.25, 0.5, 0.75, 1].map(function(position) {
+  return am5.Color.interpolateColors(position, [
+    root.interfaceColors.get("negative"),
+    root.interfaceColors.get("warning"),
+    root.interfaceColors.get("positive")
+  ]);
+});
 
 // one bullet chart: a gradient behind the bar when gradient is true, solid bands if not
 function createBulletChart(gradient) {
@@ -134,8 +136,9 @@ function createBulletChart(gradient) {
       yAxis: yAxis,
       valueXField: "value",
       categoryYField: "category",
-      fill: am5.color(0x000000), // a black bar
-      stroke: am5.color(0x000000),
+      // a bar in the theme's text color: black, or light in dark mode
+      fill: root.interfaceColors.get("alternativeBackground"),
+      stroke: root.interfaceColors.get("alternativeBackground"),
       tooltip: am5.Tooltip.new(root, {
         pointerOrientation: "left",    // the tooltip sits to the right, pointing left
         labelText: "Actual: {valueX}%" // the actual value
@@ -157,8 +160,9 @@ function createBulletChart(gradient) {
       yAxis: yAxis,
       valueXField: "value",
       categoryYField: "category",
-      stroke: am5.color(0x000000), // a black line
-      fill: am5.color(0x000000),
+      // a line in the theme's text color, as the bar
+      stroke: root.interfaceColors.get("alternativeBackground"),
+      fill: root.interfaceColors.get("alternativeBackground"),
       noRisers: true,
       // half the row tall, the same as the bar
       stepWidth: am5.p50,

package/extended/examples/column-bar/carbon-zero-progress.md

@@ -2,7 +2,7 @@
 title: "Carbon-Zero Progress"
 source: "https://www.amcharts.com/demos/carbon-zero-progress/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A progress bar toward net zero, built from a column chart: fifteen cells from red at 20+ through yellow to green, a pin on the current level, 10, and a GOAL ZERO badge at the end.
@@ -49,96 +49,102 @@ var chart = root.container.children.push(am5xy.XYChart.new(root, {
   centerY: am5.p50
 }));
 
+// The cells' colors: the theme's color for negative values (red) for the years furthest from the goal, its positive
+// one (green) for the nearest, and its warning color (yellow) in the middle, so they follow the theme and dark mode
+var far = root.interfaceColors.get("negative");
+var near = root.interfaceColors.get("positive");
+var between = root.interfaceColors.get("warning");
+
 var data = [{
   category: "15",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xc6251a)
+    fill: far
   }
 }, {
   category: "14",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xc6251a)
+    fill: far
   }
 }, {
   category: "13",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xc6251a)
+    fill: far
   }
 }, {
   category: "12",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xc6251a)
+    fill: far
   }
 }, {
   category: "11",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xc6251a)
+    fill: far
   }
 }, {
   category: "10",
   value: 100,
   currentBullet: true,
   columnSettings: {
-    fill: am5.color(0xfcc034)
+    fill: between
   }
 }, {
   category: "9",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xfcc034)
+    fill: between
   }
 }, {
   category: "8",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xfcc034)
+    fill: between
   }
 }, {
   category: "7",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xfcc034)
+    fill: between
   }
 }, {
   category: "6",
   value: 100,
   columnSettings: {
-    fill: am5.color(0xfcc034)
+    fill: between
   }
 }, {
   category: "5",
   value: 100,
   columnSettings: {
-    fill: am5.color(0x6bc352)
+    fill: near
   }
 }, {
   category: "4",
   value: 100,
   columnSettings: {
-    fill: am5.color(0x6bc352)
+    fill: near
   }
 }, {
   category: "3",
   value: 100,
   columnSettings: {
-    fill: am5.color(0x6bc352)
+    fill: near
   }
 }, {
   category: "2",
   value: 100,
   columnSettings: {
-    fill: am5.color(0x6bc352)
+    fill: near
   }
 }, {
   category: "1",
   value: 100,
   columnSettings: {
-    fill: am5.color(0x6bc352)
+    fill: near
   }
 }, {
   category: "0",
@@ -245,14 +251,15 @@ series.bullets.push(function(root, target, dataItem) {
     });
 
     var circle = container.children.push(am5.Circle.new(root, {
-      radius: 34,                // a 34px radius
-      fill: am5.color(0x11326d), // dark blue
+      radius: 34, // a 34px radius
+      // the theme's text color (dark, or light in dark mode), so the badge stands out in any theme
+      fill: root.interfaceColors.get("alternativeBackground"),
     }));
 
     var label = container.children.push(am5.Label.new(root, {
       text: "GOAL\n[bold]ZERO[/]", // two lines, the second in bold
       textAlign: "center",         // both lines centered
-      fill: am5.color(0xffffff),   // white text
+      fill: root.interfaceColors.get("background"), // text in the background color, on the badge
       centerY: am5.p50,
       centerX: am5.p50,
       populateText: true,

package/extended/examples/column-bar/clustered-bar-chart.md

@@ -2,7 +2,7 @@
 title: "Clustered Bar Chart"
 source: "https://www.amcharts.com/demos/clustered-bar-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A clustered bar chart lays the series side by side for each category. Here, income and expenses for five years: each bar carries its name inside its end and its value just past it.

package/extended/examples/column-bar/clustered-column-chart.md

@@ -2,7 +2,7 @@
 title: "Clustered Column Chart"
 source: "https://www.amcharts.com/demos/clustered-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A clustered column chart puts the series side by side in each category, so you compare them group by group. Here, six regions over three years, each column labeled with its value.

package/extended/examples/column-bar/column-and-line-mix.md

@@ -2,7 +2,7 @@
 title: "Column and Line Mix"
 source: "https://www.amcharts.com/demos/column-and-line-mix/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Income as columns and expenses as a line on one chart, so the gap between them shows year by year. The last year is a projection, drawn faint and dashed.

package/extended/examples/column-bar/column-chart-images-top.md

@@ -2,7 +2,7 @@
 title: "Column Chart with Images on Top"
 source: "https://www.amcharts.com/demos/column-chart-images-top/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart with a face on top of each column, so the chart reads as people, not just numbers. Each picture’s address comes from the data, next to its value.

package/extended/examples/column-bar/column-with-rotated-series.md

@@ -2,7 +2,7 @@
 title: "Column with Rotated Labels"
 source: "https://www.amcharts.com/demos/column-with-rotated-series/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart with its axis labels turned on their side, so eleven country names fit under narrow columns without overlapping. Each column has its own color.

package/extended/examples/column-bar/columns-with-grainy-gradients.md

@@ -2,7 +2,7 @@
 title: "Columns with Grainy Gradients"
 source: "https://www.amcharts.com/demos/columns-with-grainy-gradients/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Columns styled like a poster: each one fades from its own color to a dark shade of it, with a film-grain texture, a fully rounded top and a soft shadow that grows on hover.

package/extended/examples/column-bar/columns-with-moving-bullets.md

@@ -2,7 +2,7 @@
 title: "Columns with Moving Bullets"
 source: "https://www.amcharts.com/demos/columns-with-moving-bullets/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 The column version of moving photos: each column has a photo at its foot, and when you point at a column, the photo climbs to its top. Step counts for six friends, darker the higher.

package/extended/examples/column-bar/curved-columns.md

@@ -2,7 +2,7 @@
 title: "Curved Columns"
 source: "https://www.amcharts.com/demos/curved-columns/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Columns with a shape of their own: each is drawn as two curves meeting at a peak, wider than its slot, so neighbors overlap like a row of hills. Nine countries, each in its own color.

package/extended/examples/column-bar/divergent-stacked-bars.md

@@ -2,7 +2,7 @@
 title: "Divergent Stacked Bars"
 source: "https://www.amcharts.com/demos/divergent-stacked-bars/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A diverging stacked bar chart, the usual way to show answers on a scale: negative answers stack to the left of zero, positive ones to the right. Here, how often people turn to eleven sources of information.

package/extended/examples/column-bar/drag-and-change-column-value.md

@@ -2,7 +2,7 @@
 title: "Drag and Change Column Value"
 source: "https://www.amcharts.com/demos/drag-and-change-column-value/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart you can edit by hand: press anywhere on the plot and drag up or down, and the column under the pointer follows. The chart becomes an input.

package/extended/examples/column-bar/drag-ordering-of-bars.md

@@ -2,7 +2,7 @@
 title: "Drag-Ordering of Bars"
 source: "https://www.amcharts.com/demos/drag-ordering-of-bars/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A bar chart you put in order by hand: grab a bar, drag it above or below the others and let go, and the bars settle into their new order.

package/extended/examples/column-bar/dumbbell-plot.md

@@ -2,7 +2,7 @@
 title: "Dumbbell Plot"
 source: "https://www.amcharts.com/demos/dumbbell-plot/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 The dumbbell plot standing up: for each of 29 people, two dots on a vertical line, the lower one a start value and the upper one an end value. The longer the line, the bigger the change.

package/extended/examples/column-bar/floating-bar-chart.md

@@ -2,7 +2,7 @@
 title: "Floating Bar Chart"
 source: "https://www.amcharts.com/demos/floating-bar-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Floating bars start and end wherever the data says, not at zero: here, four people’s working hours on one day, from John’s 8:00 start to Eaton’s 19:00 finish.

package/extended/examples/column-bar/grouped-and-sorted-columns.md

@@ -2,7 +2,7 @@
 title: "Grouped and Sorted Columns"
 source: "https://www.amcharts.com/demos/grouped-and-sorted-columns/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Columns grouped by provider and sorted from smallest to largest within each group, with the provider names on a second row of labels. A line marks each provider’s quantity, centered over its group.

package/extended/examples/column-bar/grouped-stacks.md

@@ -2,7 +2,7 @@
 title: "Grouped Stacks"
 source: "https://www.amcharts.com/demos/grouped-stacks/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Stacked columns in groups: sales in three regions over four years, each year split into store and online sales. Each region has its own pair of colors, its name under its years and a gap before the next.

package/extended/examples/column-bar/heat-map-with-legend.md

@@ -2,10 +2,10 @@
 title: "Heat Map with Legend"
 source: "https://www.amcharts.com/demos/heat-map-with-legend/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
-A week, hour by hour: each cell is colored from yellow to red by its value, and the legend below gives the scale. Weekday working hours glow red, while the weekend stays pale.
+A week, hour by hour: each cell is colored by its value, and the legend below gives the scale. Weekday working hours stand out, while the weekend stays quiet.
 
 When a heat map works: A heat map swaps numbers for colors, so a table of 168 values becomes a pattern you see at once: busy hours, quiet days, the odd spike. It suits two categories that cross, like days and hours, where a line or column chart would need a series for every row.
 
@@ -115,12 +115,16 @@ series.events.on("datavalidated", function() {
   heatLegend.set("endValue", series.getPrivate("valueHigh"));
 });
 
-// Set up heat rules
+// Set up heat rules: from the theme's first color for the lowest value to a later one for the highest, so the cells
+// follow the theme and dark mode
 // https://www.amcharts.com/docs/v5/concepts/settings/heat-rules/
+var lowColor = chart.get("colors").getIndex(0);
+var highColor = chart.get("colors").getIndex(5);
+
 series.set("heatRules", [{
   target: series.columns.template,
-  min: am5.color(0xfffb77), // light yellow for the lowest value...
-  max: am5.color(0xfe131a), // ...red for the highest
+  min: lowColor,
+  max: highColor,
   dataField: "value",
   key: "fill"               // the heat rule sets each cell's fill
 }]);
@@ -130,8 +134,8 @@ series.set("heatRules", [{
 var heatLegend = chart.bottomAxesContainer.children.push(am5.HeatLegend.new(root, {
   orientation: "horizontal",       // a color bar along the bottom
   marginTop: 10,                   // 10px below the plot
-  startColor: am5.color(0xfffb77), // the same colors as the heat rule
-  endColor: am5.color(0xfe131a)
+  startColor: lowColor,            // the same colors as the heat rule
+  endColor: highColor
 }));
 
 // Set data

package/extended/examples/column-bar/horizontal-dumbbell-plot.md

@@ -2,7 +2,7 @@
 title: "Horizontal Dumbbell Plot"
 source: "https://www.amcharts.com/demos/horizontal-dumbbell-plot/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A dumbbell plot puts two values on one row, a dot for each joined by a bar, so the gap between them is what you see first. Here, a made-up start and end value for each of 18 people.

package/extended/examples/column-bar/images-as-categories.md

@@ -2,7 +2,7 @@
 title: "Images as Categories"
 source: "https://www.amcharts.com/demos/images-as-categories/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart with a flag above each country name on the axis. Any picture can go there, like logos, product shots or faces: here, visits from eleven countries.

package/extended/examples/column-bar/layered-column-chart.md

@@ -2,7 +2,7 @@
 title: "Layered Column Chart"
 source: "https://www.amcharts.com/demos/layered-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Two years in one column: 2024 as a wide column at the back, 2025 as a narrower, striped one in front. Where the front column rises above the back one, the country grew.

package/extended/examples/column-bar/lollipop-chart.md

@@ -2,7 +2,7 @@
 title: "Lollipop Chart"
 source: "https://www.amcharts.com/demos/lollipop-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A lollipop chart is a column chart drawn with thin stems and a dot on top, lighter on the eye when there are many categories. Here, made-up values for 28 people, with a scrollbar to zoom in on a few names.

package/extended/examples/column-bar/pareto-diagram.md

@@ -2,7 +2,7 @@
 title: "Pareto Diagram"
 source: "https://www.amcharts.com/demos/pareto-diagram/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A Pareto chart sorts the columns from largest to smallest and adds a line that sums them up as it goes. Here, visits from 10 countries: the first four bring two thirds of all visits.

package/extended/examples/column-bar/partitioned-bar-chart.md

@@ -2,7 +2,7 @@
 title: "Partitioned Bar Chart"
 source: "https://www.amcharts.com/demos/partitioned-bar-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A bar chart split into groups along its axis: sales in the 48 mainland states and DC, grouped into four regions. Each region has its own color and its name on a line across the axis.

package/extended/examples/column-bar/pictorial-column-chart.md

@@ -2,7 +2,7 @@
 title: "Pictorial Column Chart"
 source: "https://www.amcharts.com/demos/pictorial-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart where each column is a picture of what it measures: five famous skyscrapers, each drawn to its height against a sunset sky.

package/extended/examples/column-bar/real-time-data-sorting.md

@@ -2,7 +2,7 @@
 title: "Real-Time Data Sorting"
 source: "https://www.amcharts.com/demos/real-time-data-sorting/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart that keeps itself sorted. Every second and a half, eleven countries get new values, and the columns slide into their new order, tallest first, with the numbers counting as they go.

package/extended/examples/column-bar/risk-heatmap.md

@@ -2,7 +2,7 @@
 title: "Risk Heatmap"
 source: "https://www.amcharts.com/demos/risk-heatmap/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A risk matrix on two category axes: each of the 25 cells is colored from dark green to red by its rating, with a circle sized by its value and the value written inside.
@@ -157,12 +157,22 @@ series.bullets.push(function () {
   });
 });
 
-var colors = { // the cell colors, from critical red to very good green
-  critical: am5.color(0xca0101),
-  bad: am5.color(0xe17a2d),
-  medium: am5.color(0xe1d92d),
-  good: am5.color(0x5dbe24),
-  verygood: am5.color(0x0b7d03)
+// The cell colors, from critical to very good: on the theme's scale from its color for negative values (red) through
+// its warning color (yellow) to its positive one (green), so they follow the theme and dark mode
+function scaleColor(position) {
+  return am5.Color.interpolateColors(position, [
+    root.interfaceColors.get("negative"),
+    root.interfaceColors.get("warning"),
+    root.interfaceColors.get("positive")
+  ]);
+}
+
+var colors = {
+  critical: scaleColor(0),
+  bad: scaleColor(0.25),
+  medium: scaleColor(0.5),
+  good: scaleColor(0.75),
+  verygood: scaleColor(1)
 };
 
 // Set data

package/extended/examples/column-bar/simple-column-chart.md

@@ -2,7 +2,7 @@
 title: "Simple Column Chart"
 source: "https://www.amcharts.com/demos/simple-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A column chart gives each period its own bar standing on the axis, so the highs and lows stand out. This one holds three weeks of daily values, with a scrollbar to zoom in on a few days.

package/extended/examples/column-bar/sorted-bar-chart.md

@@ -2,7 +2,7 @@
 title: "Sorted Bar Chart"
 source: "https://www.amcharts.com/demos/sorted-bar-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A bar chart that keeps its ranking up to date. Every second and a half, twelve social networks get new user counts, and the bars slide into their new order, the longest on top.

package/extended/examples/column-bar/stacked-bar-chart-with-negative-values.md

@@ -2,7 +2,7 @@
 title: "Stacked Bar Chart with Negative Values"
 source: "https://www.amcharts.com/demos/stacked-bar-chart-with-negative-values/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A population pyramid: men to the left, women to the right, one pair of bars for each age group, from 0–4 at the bottom to 85+ at the top. The men’s values are negative in the data, and the labels show them without the minus sign.

package/extended/examples/column-bar/stacked-bar-chart.md

@@ -2,7 +2,7 @@
 title: "Stacked Bar Chart"
 source: "https://www.amcharts.com/demos/stacked-bar-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A stacked chart on its side: each bar is a year’s total, split into six regions and labeled segment by segment. Bars leave room for long names and long lists.

package/extended/examples/column-bar/stacked-clustered-column-chart.md

@@ -2,7 +2,7 @@
 title: "Stacked and Clustered Column Chart"
 source: "https://www.amcharts.com/demos/stacked-clustered-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 Stacks side by side: each year, North America stacks on Europe in one column, and Latin America, the Middle East and Africa stack on Asia in the next. Two groups, and what each is made of.

package/extended/examples/column-bar/stacked-column-chart.md

@@ -2,7 +2,7 @@
 title: "Stacked Column Chart"
 source: "https://www.amcharts.com/demos/stacked-column-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A stacked column chart piles the series on top of each other, so each column shows a total and what it is made of. Here, six regions over three years, with each value written on its segment where it fits.

package/extended/examples/column-bar/stacked-waterfall-chart.md

@@ -2,7 +2,7 @@
 title: "Stacked Waterfall Chart"
 source: "https://www.amcharts.com/demos/stacked-waterfall-chart/"
 category: "column-bar"
-scraped: "2026-10-08"
+scraped: "2026-10-18"
 ---
 
 A waterfall with two budgets in every column: the first column is the whole budget of 128, and each stage after it takes its share from both, stepping down to zero. The number above a column is what its stage cost.