Ext JS Chart图例项对齐

Question

我遇到图表图例项目对齐问题。我需要水平放置它。但它显示垂直。有没有办法在水平方向上改变它。

此问题发生在EXT JS 5中。默认情况下，它最多显示为4。

提前致谢。

Answer 1

添加一个自定义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>