EXTJS Диаграмма не отображает все имена маркеров на оси x

Question

Я разрабатываю приложение с 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'); 
} 

Answer 1

У меня была такая же проблема, как и проблема с скрытыми ярлыками, добавив эту строку css в таблицу стилей.

text.x-SVG прятки видимость {видимость: наследование важно;}

Было бы хорошо, если бы был какой-то вариант конфигурации на серии или осей для управления этим поведением. Надеюсь, это сработает для вас!

Answer 2

У меня была та же проблема.

Пожалуйста, просто добавьте следующую строку:

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