如何在amchart中更改堆积条形图的颜色

时间:2017-03-23 19:19:52

标签: jquery charts amcharts

我最近开始探索AmCharts,并对其出色的功能印象深刻。但是,我试图改变栏中每个堆栈的颜色,但到目前为止我还没有成功。我尝试了各种属性,如“balloonColor”来改变相应堆栈的颜色但没有发生任何事情。

有人能让我知道我们怎么做?

这是我正在考虑的graph

2 个答案:

答案 0 :(得分:6)

您可以通过设置特定图表的fillColors属性来更改条形图的颜色,即

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

这是一个modified version of the graph,它将欧洲细分市场变为绿色。

答案 1 :(得分:3)

Amchart 4图表颜色方案可以这样设置:

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

Amchart 4 Piechart配色方案可以这样更新:

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

文档:https://www.amcharts.com/docs/v4/concepts/colors/。它还讨论了渐变等。