2014-10-09 48 views
1

我有一個圖表圖例項目對齊的問題。我需要把它水平放置。但通過它垂直顯示。有沒有什麼辦法可以水平改變它。 enter image description hereExt JS Chart圖例項目對齊

這個問題發生在EXT JS 5中。最多4個,默認垂直顯示。

在此先感謝。

回答

1

添加一個custome TPL並指定浮動

<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>