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

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

＆＃34; autoRotateAngle＆＃34;：90，

＆＃34; autoRotateCount＆＃34;：1

（1） autoRotateAngle =＆gt;标签旋转角度，如果系列数超过autoRotateCount且parseDates设置为false。

（2） autoRotateCount =＆gt;如果类别轴项目的数量超过autoRotateCount，则标签将按autoRotateAngle度数旋转。仅当parseDates为false时才有效。

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

Demo

防止在LineChart中重叠categoryAxis标签

1 个答案: