Amcharts: раскрасить предметы из серии радарных колонн - PullRequest
Новая
       20

Amcharts: раскрасить предметы из серии радарных колонн

0 голосов
/ 02 мая 2020

Я хотел бы создать радиолокационную карту с помощью 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>
...