Как мне динамически изменить цвет пули в зависимости от условия
Я разрабатываю аналитическую панель, используя 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 - красный, а bullet2 - черный, но мне нужно динамическое изменение цвета, если bullet1> bullet2 цвет bullet1 - красный
если bullet2>bullet1 bullet1 цвет будет зеленым
0 ответов
Я знаю, что этому вопросу 7 месяцев, но у меня была аналогичная проблема, и я нашел решение.
Вы можете перебрать свой массив данных перед тем, как назначить его своей диаграмме, и добавить свойство на основе условия, которое может выглядеть следующим образом:
config = {
fill: am4core.color('#ff0000'),
};
теперь вы можете добавить dataField
свойство той части диаграммы, которая могла бы получить другой цвет, в моем случае это было:
series.columns.template.configField = 'config';
теперь диаграмма будет учитывать, имеет ли ваш элемент данных свойство конфигурации, и изменяет любой параметр, указанный в вашей конфигурации для этой конкретной записи.