Amcharts:对雷达列系列的项目进行着色

Am4Core.ready(function() {
  // 创建图表实例
  var chart = am4core.create("chartdiv", am4charts.RadarChart);

  // 添加数据
  chart.data = [
    { category: "A", value1: 10, value2: 20, value3: 30 },
    { category: "B", value1: 20, value2: 30, value3: 40 },
    { category: "C", value1: 30, value2: 40, value3: 50 }
  ];

  // 创建雷达列系列
  var columnSeries = chart.series.push(new am4charts.RadarColumnSeries());
  columnSeries.dataFields.categoryX = "category";
  columnSeries.dataFields.valueY = "value1";
  columnSeries.dataFields.valueZ = "value2";
  columnSeries.dataFields.valueX = "value3";

  // 设置填充颜色和透明度
  columnSeries.columns.template.fillColors = ["#FF0000", "#00FF00", "#0000FF"];
  columnSeries.columns.template.fillAlphas = [0.8, 0.6, 0.4];

  // 设置列的形状和大小
  columnSeries.columns.template.radius = am4core.percent(80);
  columnSeries.columns.template.cornerRadius = 10;

  // 设置轴
  var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
  categoryAxis.dataFields.category = "category";
  categoryAxis.renderer.grid.template.location = 0;
  categoryAxis.renderer.ticks.template.length = 20;
  categoryAxis.renderer.ticks.template.strokeOpacity = 0.1;
  categoryAxis.renderer.line.strokeOpacity = 0.1;
  categoryAxis.renderer.labels.template.disabled = true;

  var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
  valueAxis.min = 0;
  valueAxis.max = 60;
  valueAxis.renderer.grid.template.disabled = true;
  valueAxis.renderer.labels.template.disabled = true;

  // 添加图例
  chart.legend = new am4charts.Legend();
});