EXTJS图表在x轴上不显示所有标记名称

我正在使用Ext JS 4.1.3开发应用程序。应用程序处理数据并根据数据显示图表。EXTJS图表在x轴上不显示所有标记名称

问题是：
在这种情况下，如果图表上有超过80-90个条目（在x轴上），则省略某些标记名称。所以，而不是标记名称显示部分空的位置。虽然还有很多空间。

下面是截图：

enter image description here

而问题是：

我做了标记的字体更小了。也许有一种方法可以减少标记之间的填充？
如何强制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'); 
}

来源

2013-03-19 ERG

我有同样的问题，并通过将这一行的CSS添加到样式表来解决隐藏的标签问题。

SVG text.x隐藏能见度{能见度：继承重要;}

如果有对这个系列的一些配置选项或轴来控制这种行为这将是很好。希望对你有帮助！

来源

2013-03-26 14:30:17 imranR

我感谢你的答案。你有类似的解决方案。 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

我有同样的问题。

请只需添加下面一行：

chrChart1.ChartAreas（0）.AxisX.Interval = 1

来源

2016-02-10 19:04:38

它是做什么的？它有什么帮助？ – dakab 2016-02-10 19:23:38

EXTJS图表在x轴上不显示所有标记名称

回答

相关问题