1

我正在使用 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');
}
4

2 回答 2

1

我遇到了同样的问题,并通过将这行 css 添加到样式表来解决隐藏标签问题。

svg text.x-hide-visibility {可见性:继承!重要;}

如果系列或轴上有一些配置选项来控制这种行为,那就太好了。希望这对你有用!

于 2013-03-26T14:30:17.867 回答
0

我有同样的问题。

请添加以下行:

chrChart1.ChartAreas(0).AxisX.Interval = 1

于 2016-02-10T19:04:38.197 回答