Выравнивание элементов легенды Ext JS Chart

У меня возникла проблема с выравниванием элементов легенды диаграммы. Мне нужно разместить его горизонтально. Но при этом показывая вертикально. Есть ли способ изменить его по горизонтали. введите здесь описание изображения

Эта проблема возникает в EXT JS 5. До 4 по умолчанию отображается вертикально.

Заранее спасибо.


extjs extjs5 sencha-touch sencha-architect
person Isha John    schedule 09.10.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Добавьте один пользовательский tpl и укажите float

   <div class="x-legend-container">
<tpl for=".">
<div class="x-legend-item" style="float:left;margin:5px;padding:0px;cursor:pointer;">
<span class="x-legend-item-marker {[ values.disabled ? Ext.baseCSSPrefix + 'legend-inactive' : '' ]}" 
style="background:{mark};">
</span>{name}
</div>
</tpl>
</div>
person Anish Karunakaran    schedule 09.10.2014