Amcharts：为雷达柱系列的项目着色

Question

我想用 Amcharts 创建一个雷达图。值“值”应显示为 RadarColumnSeries。但是元素应该有一个单独的颜色。我尝试通过设置 configField = "config" 来设置颜色并将颜色值添加到数据集中。但是所有元素的颜色保持不变。有什么想法吗？

代码： http://jsfiddle.net/lefrank/1kft0sd3/3

或：

<style>
#chartdiv {
  width: 100%;
  height: 600px;
}
</style>

<!-- Resources -->
<script src="amcharts/core.js"></script>
<script src="amcharts/charts.js"></script>
<script src="amcharts/themes/animated.js"></script>

<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

var radarChart = am4core.create("chartdiv", am4charts.RadarChart);

radarChart.data= [
{"element":"One","value": 68,"config": {"fill": "#fff000" }},
{"element":"Two","value": 58,"config": {"fill": "#fff000" }},
{"element":"Three","value": 88,"config": {"fill": "#fff000" }}
];

var categoryAxis = radarChart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "element";

var radarValueAxis = radarChart.yAxes.push(new am4charts.ValueAxis());
radarValueAxis.renderer.axisFills.template.fill = "#ff0000";
radarValueAxis.renderer.axisFills.template.fillOpacity = 0.05;
radarValueAxis.min = 0;
radarValueAxis.max = 100;

var radarSeries = radarChart.series.push(new am4charts.RadarColumnSeries());
radarSeries.columns.template.tooltipText = "{name}: {valueY.value}";
radarSeries.name = "Value";
radarSeries.dataFields.categoryX = "element";
radarSeries.dataFields.valueY = "value";
radarSeries.columns.template.configField = "config";

}); // end am4core.ready()
</script>

<!-- HTML -->
<div id="chartdiv"></div>

Answer 1

好的，我明白了：

radarSeries1.columns.template.radarColumn.configField = 'config';