How to change color of the stacked bar charts in amchart

Question

I have started exploring AmCharts recently and was impressed by its superb features. However, I am trying to change the color of each stack in the bar but I haven`t been successful so far. I tried various properties like "balloonColor" to change the color of the respective stack but nothing happened.

Can someone let me know how can we do this?

This is the graph I am taking about.

score 7 · Accepted Answer · answered Mar 23 '17 at 21:18

7

You can change the bar's color by setting a particular graph's fillColors property, i.e.

AmCharts.makeChart("chartdiv", {
  // ...
  "graphs": [{
      "fillColors": "#008800",
      "fillAlpha": 1, //must also be non-zero value; valid values are decimal values <= 1
       // ...
  },
  // repeat for each graph
  ],
  // ...
});

Here's a modified version of the graph that changes the Europe segment to green.

answered Mar 23 '17 at 21:18

xorspark

15,749
2
29
38

Spot on. Much appreciated. – Dalton2 Mar 23 '17 at 22:40

score 4 · Answer 2 · answered May 21 '20 at 16:38

Amchart 4 chart color scheme can be set like so:

chart.colors.list = [
  am4core.color("#845EC2"),
  am4core.color("#D65DB1"),
  am4core.color("#FF6F91"),
  am4core.color("#FF9671"),
  am4core.color("#FFC75F"),
  am4core.color("#F9F871")
];

Amchart 4 piechart color scheme can be updated like this:

pieSeries.colors.list = [
  am4core.color("#845EC2"),
  am4core.color("#D65DB1"),
  am4core.color("#FF6F91"),
  am4core.color("#FF9671"),
  am4core.color("#FFC75F"),
  am4core.color("#F9F871"),
];

Documentation: https://www.amcharts.com/docs/v4/concepts/colors/. It also discusses gradients, etc.

How to change color of the stacked bar charts in amchart

2 Answers2