Amcharts:为雷达专栏系列的项目着色

Question

我想用Amcharts创建一个雷达图。值"value"应显示为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'；