Вопросы по графику SerialChart

[sanyakirilloff (Александр Кириллов)]

Добрый день! Построил график SerialChart, выглядит следующим образом:

Кое-что по нему не получается:

1. Как по оси Y добавить подпись? Пробовал добавлять title следующим образом, но название так и не выводится на графике:

            <chart:valueAxes>
                <chart:axis axisAlpha="0"
                            position="LEFT"
                            title="Количество столбцов"/>
            </chart:valueAxes>

2. Можно ли сократить каким-то образом название значений по оси X? Например, значение “Наименование юридического лица” слишком длинно и не влазит целиком в график.
3. Можно ли сделать сортировку столбцов на графике по убыванию? Чтобы сначала шел самый высокий столбец, а в конце самый низкий соответственно?
4. Можно ли ограничить по оси Х список выводимых значений? Например, чтобы на графики выводились только ТОП-10 столбцов?

Буду благодарен за обратную связь!

[pinyazhin (Roman Pinyazhin)]

Добрый день!

1. Скорее всего он просто не помещается в видимой области. Попробуйте увелчить значения атрибута marginLeft у serialChart.

2. Можно попробовать обрезать длинные названия категорий при загрузке или до простановки данных в график. AmCharts же предлагает написать JS функцию для форматирования:

   <chart:categoryAxis ...>
       <chart:labelFunction>
               function(valueText, serialDataItem, categoryAxis) {
                   console.log('labelFunction');
                   return valueText;
               }
       </chart:labelFunction>
   </chart:categoryAxis>
   

   Не обращайте внимания что labelFunction подсвечивается как ошибка, он всё равно загрузится.
   Создал задачу поправить схему: CategoryAxis does not contain labelFunction element in SerialChart · Issue #1425 · jmix-framework/jmix · GitHub.

   Эту функцию можно дебажить, для этого нужно найти вывод в консоль labelFunction из примера и в devtools перейти в код:
   

   

3-4) Это всё делается на этапе формирования данных для графика. По сути Chart только отображает данные, которые ему передали.