0

我正在使用 amchart4 开发分析仪表板来呈现图形。但我不知道如何根据条件更改项目符号颜色

var series2 = chart.series.push(new am4charts.LineSeries());
series2.dataFields.valueX = "PROJ_LF";
series2.dataFields.categoryY = "Roundtrip_Market";
series2.strokeWidth = 0;

var bullet1 = series2.bullets.push(new am4charts.Bullet());
bullet1.tooltipText = "Value: [bold]{valueX} %[/]";
var image = bullet1.createChild(am4core.Image);
image.href = "assets/images/proj_lf_red.png";
image.width = 7;
image.height = 41;
image.horizontalCenter = "middle";
image.verticalCenter = "middle";
var series3 = chart.series.push(new am4charts.LineSeries());
series3.dataFields.valueX = "LY_FLOWN";
series3.dataFields.categoryY = "Roundtrip_Market";
series3.strokeWidth = 0;

var bullet2 = series3.bullets.push(new am4charts.Bullet());
bullet2 .tooltipText = "Value: [bold]{valueX} %[/]";
var image1 = bullet2.createChild(am4core.Image);
image1.href = "assets/images/ly_flow.png";
image1.width = 7;
image1.height = 41;
image1.horizontalCenter = "middle";
image1.verticalCenter = "middle";

在此处输入图像描述 问题是关于bullet1，bullet2 现在，bullet1 颜色是RED，bullet2 是Black 但是，如果bullet1>bullet2 bullet1 颜色是RED，我需要动态改变颜色

如果 bullet2>bullet1 bullet1 颜色为绿色

有没有办法可以达到这个结果。 在此处输入图像描述

4

1 回答 1

0

I know this question is 7 month old but i had a similar problem and found a solution.

You can iterate through your data array before assigning it to your chart and add a condition based property that could look like this:

config = {
   fill: am4core.color('#ff0000'),
};

now you can add the dataField property to the part of your chart that sould get another color in my case it was:

series.columns.template.configField = 'config';

now the chart will consider if your data item has a config property and change any setting that is listed in your config for this specific entry.

于 2020-01-15T12:12:39.110 回答