防止 categoryAxis 标签在 LineChart 中重叠答案

【问题标题】：Prevent categoryAxis labels from overlapping in LineChart防止 categoryAxis 标签在 LineChart 中重叠
【发布时间】：2015-09-13 01:03:30
【问题描述】：

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

谁能帮帮我。真的卡住了！！ :(

【问题讨论】：

你能发布你的全部代码和数据吗？
@martynasma 我正在使用对象模型如何使 x 轴值不重叠。假设它包含很多字母。有什么方法可以剪掉多余的文字或隐藏或制作文字甚至向上倾斜
您可能想要增加minHorizontalGap (docs.amcharts.com/3/javascriptcharts/…) 或使用labelRotation (docs.amcharts.com/3/javascriptcharts/CategoryAxis#labelRotation) 旋转标签

标签： jquery linechart amcharts

【解决方案1】：

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

“自动旋转角度”：90，

“自动旋转计数”：1

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

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

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

Demo

【讨论】：