Изменение значений меток воронок с помощью пользовательских процентов в амхартах - PullRequest
Новая
       36

Изменение значений меток воронок с помощью пользовательских процентов в амхартах

0 голосов
/ 20 апреля 2019

enter image description here Я хотел бы сделать две вещи:

1) Измените значения меток, выделенных желтым цветом, которые находятся справа на этой воронкообразной диаграмме.

2) Измените способ расчета процента: как правило, в моих данных есть поле «процент» для каждой категории, и я хочу, чтобы оно отображалось как процент в выделенной метке.Например, data.percentage для категории «второй» составляет 10%.Таким образом, необходимо отобразить 10%, как показано на рисунке.

Код: 

var chart = am4core.create("chartdiv", am4charts.SlicedChart);
chart.hiddenState.properties.opacity = 0; 

chart.data = [{
    "name": "The first",
    "value": 600,
    "percentage": "100%"
}, {
    "name": "The second",
    "value": 300,
    "percentage": "10%"
}, {
    "name": "The third",
    "value": 200,
    "percentage": "10%"
}, {
    "name": "The fourth",
    "value": 180,
    "percentage": "35%"
}, {
    "name": "The fifth",
    "value": 50,
    "percentage": "20%"
}];

var series = chart.series.push(new am4charts.FunnelSeries());
series.colors.step = 2;
series.dataFields.value = "value";
series.dataFields.category = "name";
series.alignLabels = true;

series.labelsContainer.paddingLeft = 15;
series.labelsContainer.width = 200;

Я выяснил, что у объекта серии есть элемент с именем метки, который содержит значения меток, но я не могу 'Не могу понять, как изменить их в самом коде.Как мне это сделать?

1 Ответ

2 голосов
/ 20 апреля 2019

Для изменения содержимого используемых вами меток series.labels.template.text.

Вы можете ссылаться на любое поле данных в них, используя фигурные скобки: 

series.labels.template.text = "{category}: {percentage}";

Будет {percentage}заменяется на любое значение, которое содержится в «процентах» от данных конкретного среза.

В этой статье в общих чертах описываются заполнители данных в тексте.

...