jquery - 防止折线图中的categoryAxis标签重叠

Question

使用以下选项并不能帮助我在调整浏览器大小时防止 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轴上，并以一种最可耻的方式相互重叠。 :(

有人可以帮帮我吗？真的卡住了!! :(

Answer 1

要解决此问题，您可以旋转类别轴标签。您需要设置类别轴的旋转角度和旋转次数。

“自动旋转角度”:90，

“自动旋转计数”:1

(1)autoRotateAngle=>标签旋转角度，如果系列数量超过 autoRotateCount 并且 parseDates 设置为 false。

(2)autoRotateCount=>如果类别轴项目的数量超过 autoRotateCount，标签将旋转 autoRotateAngle 度数。 仅当 parseDates 为 false 时才有效。

有关更多详细信息，请查看此网址。 https://docs.amcharts.com/3/javascriptcharts/CategoryAxis

Demo