EXTJS图表在x轴上不显示所有标记名称
问题描述:
我正在使用Ext JS 4.1.3开发应用程序。应用程序处理数据并根据数据显示图表。EXTJS图表在x轴上不显示所有标记名称
问题是:
在这种情况下,如果图表上有超过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');
}
答
我有同样的问题,并通过将这一行的CSS添加到样式表来解决隐藏的标签问题。
SVG text.x隐藏能见度{能见度:继承重要;}
如果有对这个系列的一些配置选项或轴来控制这种行为这将是很好。希望对你有帮助!
答
我有同样的问题。
请只需添加下面一行:
chrChart1.ChartAreas(0).AxisX.Interval = 1
+0
它是做什么的?它有什么帮助? – dakab 2016-02-10 19:23:38
我感谢你的答案。你有类似的解决方案。 Sencha论坛还有另一个变种:http://www.sencha.com/forum/showthread.php?259151-Column-Chart-not-displaying-all-markers-names-on-the-Category-Axis&p=949823&viewfull= 1#post949823 – ERG 2013-03-28 10:35:50