防止在LineChart中重叠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来格式化轴标签.

我的结果:autoGridCall从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

演示