Уменьшить пробелы в графике в Vaadin Charts 2

Есть ли способ уменьшить вертикальное пустое пространство между элементами диаграммы в Vaadin Charts 2?

Смотрите оранжевые рамки на этом снимке экрана.

снимок экрана диаграммы Vaadin Charts 2 с метками, показывающими вертикальное пустое пространство

Хотя я понимаю, что это создает привлекательную схему, в моем случае я собираю множество диаграмм с множеством линий в макете. Поэтому я хотел бы максимизировать количество пикселей, используемых для области графика.

1 ответ

Решение

Первая Оранжевая Коробка

Первый оранжевый прямоугольник на самом деле не является пустым пространством на графике. Или, если это так, я не знаю, как это изменить.

Вторая оранжевая коробка

Второе оранжевое поле - это поле для элемента Title. Вы можете позвонить setMargin метод на Title объект. Для небольшого графика, подобного показанному, я нашел значение 5 быть полезным.

 this.getConfiguration().getTitle().setMargin( 5 );

Третья оранжевая коробка

Аналогично Legend Объект также предлагает setMargin команда. Опять же, я нашел значение 5 быть полезным.

this.getConfiguration().getLegend).setMargin( 5 );

Диаграмма того же размера

Общий график остается прежним размером. Только пространство в этом общем графике изменяется, перераспределяется.

С обоими setMargin Методы, белое пространство между объектом и площадью участка уменьшается. Освободившиеся пиксели распределяются по области графика.

Разница может быть значительной, особенно в небольших графиках. Вот скриншот до и после добавления звонков, чтобы установить маржу в 5, Масштабирование оси Y изменилось из-за недавно полученных пикселей.

снимок экрана до и после вызова setMargin (5

Другие вопросы по тегам