从数组AM CHARTS动态设置系列的颜色

问题描述

我正在使用amCharts并以所需的方式运行图形。我正在尝试根据存储在数据集中的十六进制代码来更改列系列的颜色。我的数据存储在一个数组中:

数组示例:

colour: "#629632"
dt: "2020-09-03T00:00:00"
max: 0
min: 0
pc: "Dec 20"
data: 25

我有以下系列文章,最后三行导致我遇到问题。我正在尝试根据数组示例设置系列的颜色。我试过rangeSeries.datafields.color,但这不起作用。它只是认为蓝色。如何根据阵列的“颜色”属性设置颜色?

       var rangeSeries = chart.series.push(new am4charts.ColumnSeries());
    rangeSeries.columns.template.width = am4core.percent(50);
    rangeSeries.datafields.dateX = "dt";
    rangeSeries.datafields.valueY = "max";
    rangeSeries.datafields.openValueY = "min";
    rangeSeries.yAxis = rangeAxis;
    rangeSeries.tooltipText = "[bold][/]Range: {openValueY} - {valueY}";
    rangeSeries.name = "Range";
    rangeSeries.datafields.color = "colour";
    rangeSeries.datafields.stroke = "colour";
    rangeSeries.datafields.fill = "colour";

解决方法

rangeSeries.columns.template.propertyFields.fill = "colour";
rangeSeries.columns.template.propertyFields.stroke = "colour";