Блог

Главная - Вопросы по программированию - Как получить конкретное значение серии в Amcharts4?

Как получить конкретное значение серии в Amcharts4?

#angular #get #label #series #amcharts4

Вопрос:

Я хотел бы настроить маркировку и всплывающую подсказку в соответствии со знаком значения. Я работаю с динамическими данными.

Допуск этой структуры данных :

 @Input() variables: string = ['Variable1']; // example
@Input() data = [{ // example
      "country": "Lithuania",
      "Variable1": 501.9,
      "Variable1_unit": KEUR
    }, {
      "country": "Czech Republic",
      "Variable1": -301.9,
      "Variable1_unit": KEUR
    }, {
      "country": "Ireland",
      "Variable1": 201.1,
      "Variable1_unit": KEUR
    }]

this.chart = am4core.create('div', am4charts.XYChart);
this.chart.data = this.data;

const categoryAxis = this.chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = 'country';

const valueAxis = this.chart.yAxes.push(new am4charts.ValueAxis());
const series = this.chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = this.variables[0];
series.dataFields.categoryX = 'country';

    const valueLabel = series.bullets.push(new am4charts.LabelBullet());
    valueLabel.label.text = `{${this.variables[0]}}`; // value from data with {}
    valueLabel.label.fontSize = 16;
    valueLabel.label.fill = am4core.color('#000'); // fill bar label color
    valueLabel.label.horizontalCenter = 'middle';
    valueLabel.label.x = 0.5;

// If value > 0 => label at the top
// If value < 0 => label at the bottom

Мой вопрос : Как я могу проверить значение для каждой страны ?

Метки: