微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决从数组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";

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。