Предотвращение перекрытия меток категорииAxis в LineChart

Использование приведенных ниже параметров не помогает мне не перекрывать совпадение моих категорий CategoryAxisLabels в линейной диаграмме при изменении размера моего браузера.

categoryAxis.autoGridCount = true;
categoryAxis.minHorizontalGap = 100;
categoryAxis.gridPosition = "start";
categoryAxis.equalSpacing = false;
categoryAxis.parseDates = false;
chart.validateNow();

Я запускаю эти функции в событии $(wndow).on('resize', function() {...});.

Обратите внимание: у меня также есть пользовательская функция labelFunction для форматирования меток оси.

Мой результат: это autoGridCounts от 476px до нижнего уровня, но над ним все значения метки categoryAxis отображаются по оси x и накладываются друг на друга самым позорным образом.: (

Может кто-то, пожалуйста, помогите мне. Действительно застрял!: (

Ответ 1

чтобы справиться с этой проблемой, вы можете повернуть метки осей категорий. вам необходимо установить угол поворота и повернуть cout для оси категории.

"autoRotateAngle": 90,

"autoRotateCount": 1

(1) autoRotateAngle = > Угол поворота метки, если число серий превышает значение autoRotateCount, а parseDates - false.

(2) autoRotateCount = > Если количество элементов оси категории будет превышать значение autoRotateCount, метки будут повернуты с помощью степени autoRotateAngle.           Работает только в том случае, если parseDates имеет значение false.

Для получения дополнительной информации ознакомьтесь с этим URL-адресом. https://docs.amcharts.com/3/javascriptcharts/CategoryAxis

Демо