Предотвращение перекрытия меток категории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
Демо
