我正在使用 Ext JS 4.1.3 开发一个应用程序。应用程序处理数据并根据数据显示图表。
问题是:
如果图表上有超过 80-90 个条目(在 x 轴上),则省略了一些标记名称。因此,它显示的不是标记名称,而是部分空的位置。虽然还有很大的空间。
这是一个屏幕截图:
问题是:
- 我已经把标记的字体变小了。也许有一种方法可以减少标记之间的填充?
- 如何强制 ExtJs 图表显示所有条目?我可以更改图表(或 x 轴)的设置以显示所有标记名称(无论条目数如何)?
- 这个问题还有其他解决方案吗?
谢谢!
UPD1。 这在某种程度上与 css 类“x-hide-visibility”和 hideMode 有关。
- 如何禁用标签的 hideMode?
UPD2。 我找到了以下解决方案。但这使图表变慢(不是关键,但是..)。也许有人知道其他解决方案?必须有一种方法可以提前关闭选项('hideMode')。
for (var i = 0; i< chart.axes.items[0].labelGroup.items.length; i++){
chart.axes.items[0].labelGroup.items[i].el.removeCls(' x-hide-visibility');
}