Установить выравнивание легенды круговой диаграммы в Kendo Dataviz

Я использую kendo ui для отображения круговых диаграмм на моей веб-странице. У них есть набор переменных данных, некоторые из них будут иметь легенду 1 строку, а некоторые - 2 строки.

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

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

Кто-нибудь знает, есть ли способ установить легенду, чтобы она была выровнена по центру, в то время как я установил ее на использование пользовательской позиции?

Из того, что я вижу в документации по API, нет никакой возможности. Кроме того, поскольку метки будут иметь переменную длину, я не могу их условно статически позиционировать, потому что в зависимости от длины метки в каждой строке могут помещаться разные суммы.

Я настроил пример JS Bin, показывающий проблему:

http://jsbin.com/fejeyi/5/

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

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

Любая помощь приветствуется.

Вот источник JS Bin:

http://jsbin.com/fejeyi/5/watch?html,js,output

Ура!

0 ответов

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